css-specificity

    3热度

    1回答

    1) #divID input[type='text'] { height:30px; } 2) #divID .ClassName { height:40px; } 对于div中的文本框,我定义了上述样式。 2比1更具体,但渲染高度为30px。它是如何工作的?

    3热度

    2回答

    我有HTML表格和布局为它(类似的东西,我也使用HAML + SASS): .zebra{ .zebra-stripe{ &.zebra1{ a{ color: red; } a:hover{ color: blue; } } } 我HTM表有一流的斑马,和TR具有类.zebra -stripe .zebra1 但我有

    2热度

    1回答

    这是我的代码: HTML <div id="corner"> <div id="cornerbox"></div> </div> CSS #corner { background-color: red; width: 200px; height: 200px; } #corner #cornerbox { background-color:blac

    1热度

    2回答

    我目前正在详述Nicole Sullivan's OOCSS grids module上的一个变体,它只需要一个容器类来确定直接后代的布局。我知道这只是在CSS3支持的浏览器中工作的警告。 区别在这里的一个例子: 香草OOCSS grids规则: .unit1of4 { width: 25%; } 我reduced grids规则: .line > :nth-child(1):nt

    1热度

    1回答

    我的问题是关于背景图像。我正在设计iPhone屏幕的主页,我想为移动版本使用稍微不同的图像。我的媒体查询不在一个单独的css文件中,只是嵌入在index.html中。问题...主要的CSS图像覆盖了我的查询图像。我检查了额外的括号等。我认为媒体查询优先于主要的CSS?如果我已将媒体查询放入css链接文件中,我会得到我想要的结果吗? 这是我主要的CSS代码: #container { b

    1热度

    1回答

    正如你可以在这里看到: 的选择.wrapper-dropdown .label被应用的,而不是较高的特异性.wrapper-dropdown .dropdown li div.liwrap:hover 这是为什么? 我使用OSX 10.8铬,如果这是相关 -edit 这Less:http://hastebin.com/feyurojusa.avrasm 编译成这个CSS:http://hasteb

    3热度

    1回答

    标签为css的几个答案阻止使用!important有利于特异性。为什么?

    1热度

    1回答

    HTML: <div class="hovertest" style="background-color: #fff"> Test 1 </div> <div class="hovertest" style="background-color: #eee"> Test 2 </div> CSS: .hovertest:hover { background-c

    0热度

    2回答

    我如何添加特异性的东西,上面写着: input[type="text"] { color:red } 我想是这样的: #my_id input[type="text"] { color:red }

    0热度

    4回答

    两个嵌套的div的,外层是由ID标识和内部是由类标识: <div id="theID"> <div class="aClass">Class inside ID</div> </div> 比方说,我们有两个类和ID .aClass {color: green; } #theID { color: yellow; } 规则 根据我的理解,这两个规则都适用于文本,因此具有较高特异