有办法去掉从父级元素继承下来的 CSS 样式吗?

2015-01-30 12:02:06 +08:00
 wincat

有一个页面使用了 Bootstrap,父级用了container类,我想让里面的一个div宽度扩展到屏幕一样,肿莫破?

56644 次点击
所在节点    CSS
56 条回复
iamcho
2015-01-30 12:11:28 +08:00
在div里给它加上一个类,给新加的类写样式
Biwood
2015-01-30 12:12:41 +08:00
想办法使div脱离文档,然后宽度设为100%
yushiro
2015-01-30 12:13:30 +08:00
用!important覆盖继承的样式
kisshere
2015-01-30 12:15:45 +08:00
在HTML里面写style=""
superbear
2015-01-30 12:19:18 +08:00
离他越近,越靠后的类优先级越高,可以覆盖
jarlyyn
2015-01-30 12:22:52 +08:00
重写样式。放在更靠后的位置。加入更多的类限制。

不过觉得你的问题和是否继承无关的样子。
jarlyyn
2015-01-30 12:23:28 +08:00
@kisshere 这个没用吧?
scarlex
2015-01-30 12:32:48 +08:00
@jarlyyn 有用,html 里面的的 style 优先级最高
iinterest
2015-01-30 12:40:21 +08:00
不能去掉,但可以写个新的覆盖,覆盖规则可以搜索『CSS 特殊性』
cxshun
2015-01-30 12:40:44 +08:00
@jarlyyn 有用的,style优先级最高。
learnshare
2015-01-30 12:40:45 +08:00
你这个问题不是改 CSS 来解决,是需要改 HTML 结构解决
jarlyyn
2015-01-30 12:53:54 +08:00
@cxshun 可以去掉所有样式?
66beta
2015-01-30 12:57:57 +08:00
既然使用BS,就遵循它的设计理念,改HTML结构吧

懒就写CSS覆盖
cxshun
2015-01-30 12:59:33 +08:00
@jarlyyn 这个当然不行,只能覆盖你配置的那个样式。其实上就类似了你在CSS块里面写的!import这种。
loading
2015-01-30 13:11:36 +08:00
加上 id ,在css 里写就行,id 看上去比写 style 那个些。。。
momou
2015-01-30 13:18:03 +08:00
这样如何?
.container>row{
width: 166.67%;
margin-left: -33.33%;
}
juicy
2015-01-30 13:19:00 +08:00
css的强行继承真是广为诟病,难怪facebook那些人一直在抱怨css是个让人头疼的东西~
learnshare
2015-01-30 13:20:34 +08:00
用 CSS 解决这个问题,就是在挖更大的坑。不应该用 Bug 解决 Bug
wincat
2015-01-30 13:24:57 +08:00
@learnshare 你说的对,我也了解,但项目已经差不多了,想找个捷径处理。
wincat
2015-01-30 13:26:08 +08:00
@momou 这样页面就会莫名其妙的变宽了,左右拖动就发现有问题了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/166731

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX