css-specificity

    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

    3熱度

    1回答

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

    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

    3熱度

    2回答

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

    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; } 規則 根據我的理解,這兩個規則都適用於文本,因此具有較高特異

    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