css-specificity

    0熱度

    2回答

    我遇到了一個CSS樣式表的問題。我將它縮小爲關於css風格的繼承和特異性。 眼下(簡體)我有一個HTML <body>,看起來像下面這樣: <div id="page-wrap"> <div class="unilogin-wrap"> <h1 class="unilogin-h1">Hello world!</h1> </div> </div> 現在,這是一

    3熱度

    1回答

    我簡要介紹了CSS3 Selectors spec,但是找不到如何解決這個問題。另外,當你移動CSS聲明時,我並不期望這個結果發生變化,但它確實如此。任何幫助都會很棒。 div.green_colour div.has_colour{ background-color: green; } div.red_colour div.has_colour{ back

    12熱度

    2回答

    有誰知道是否有某種工具可以查看/選擇基於CSS特異性的最佳CSS選擇器來定位特定的div? 我知道什麼具有更高的特異性,但有時在處理其他人的項目時,他們已經深入嵌套CSS中的選擇器,很難找到重寫那些東西的方法。 我知道在谷歌chromes開發工具/螢火蟲它顯示了很多底部查看頁面源時的信息,是應該用於此或有其他方法的東西?

    1熱度

    2回答

    我有可以使用Firefox插件注入任何頁面的元素。 當然,它和它的祖先受到該頁面上定義的CSS規則的影響。 我可以通過簡單地明確每個屬性來獲得目前爲止的結果,但即使如此,我的聲明可能會被頁面上更早的聲明所覆蓋,並且具有更高的特異性。 未做具體不必要的選擇和使用哈納斯的!important的巨大的混亂,我怎麼可能去給定的元素(div#my_root_container_element)下重置所有元素

    3熱度

    1回答

    有沒有人遇到過更具體的!important聲明不會覆蓋另一個!important聲明的情況?這是基礎CSS: .x-floating { position: absolute !important; z-index: 10000 !important; } ,這裏是我想用覆蓋z-index的內容: .x-msgbox.x-floating { z-index:

    12熱度

    1回答

    我很好奇,爲什麼使用>或其他組合子不影響CSS選擇器的specificity,即爲什麼div span(一個div內匹配的跨度地方)和div > span(匹配的跨度是一個div的直接子)在特異性方面被認爲是相同的。 我知道組​​合器的用法與特異性完全無關,但我想知道是否有某種原因。

    1熱度

    1回答

    好吧,我一直在閱讀通過stackoverflow CSS選擇器。在線程here這個語法有什麼不同?^=是什麼意思?它是什麼選擇?所有? [class^='Rating'] 和 div.Rating0_5 此外,還有一個說法here,上面寫着: 注:重複相同的一個簡單選擇的occurrances是允許的,不增加特異性。 這是什麼意思? 我在問,因爲我不得不清理網站上的很多CSS代碼。有十幾種

    2熱度

    2回答

    這是規則2中的5條規則,該書給出了瀏覽器如何確定在衝突中應用哪個規則: id選擇器是第二個最具體[inline style style屬性]。如果規則中有多個id,則具有最多id選擇器的規則將獲勝。 我真的不明白規則2在談論 - 它說:「如果在規則不止一個ID」(這是單數)。如果只有一條規則,怎麼會有衝突或比較(「最偉大的勝利」)?一個規則如何具有不同數量的id選擇器,如果只有一個規則,衝突在哪裏

    0熱度

    2回答

    我有更具體: <div class="cardDisplay"> <img class="cardImg" id="cardImg4" alt="Card" src="picture.jpg" width="148" height="236.8" title=""> </div> 這裏是我的CSS。 .cardDisplay { width: 1020px;

    0熱度

    4回答

    考慮下面的HTML: <div id="rightBar"> <div class="barElement"> <div class="barText"><a href="#">Not underlined</a><br /></div> <div class="barLinks"><a href="#">Should be underlined</a></div