css-specificity

    4熱度

    5回答

    我有一個非常壞的CSS規則(高特異性,使用的重要!),它設置文本的顏色在一段重寫: #wrapper .article .text { color: green !important; } 然後,我把一個簡單的跨度元素通過簡單的類跨度文本的那款和一套顏色: .black { font-weight: bold; color: black; } 怎麼來的,這

    1熱度

    3回答

    我是在菜單列表當前頁面(.active),這是我的第一次嘗試:(對於這裏乾淨頁,我把所有的JS Bin) .menu li:hover, .menu li:focus { border-bottom-color: #000; } .menu li.active { border-bottom: 10px solid #888; } 然而,懸停效果關於選項卡不顯示爲

    1熱度

    1回答

    我有一個非常複雜的下拉菜單,它包含幾乎每個部分和子部分的不同圖標,它引起了特定性問題這一點我覺得很難控制。 例,在父菜單中,我有這樣的事情: ul.parent .t1 a:before {background-position: 12px -49px;width:34px;} 在兒童菜單.t1,沒有:before僞元素,但它拿起父母的僞元素。 我現在做的,是增加了一類新的子UL,並宣佈它:

    5熱度

    1回答

    Bootstrap具有table {border-collapse: collapse; border-spacing:0;}樣式。我想重寫此所以我創建一個類,並在問題把它應用到表: table.FormGroupContainer { border-collapse: separate; border-spacing: 2px; } 但仍的邊界保持摺疊。 Chrome

    1熱度

    1回答

    我有疑問做外部樣式表中的css規則會被嵌入或內聯css規則覆蓋,即使它們具有更高的特異性。 //external stylesheet p { color: blue !important; } //inline css rule p#test { color:red; }

    0熱度

    2回答

    我創建從Pixyll分叉一個哲基爾網頁。首先,我對CSS和與HTML相關的任何新東西都很陌生。 請參閱屏幕截圖。更大的圖片是here,HTML/CSS部分在下面。除了紅色的盒裝內容外,一切都是如此。 原來的主題有標題爲「真棒標題」和「關於我們|聯繫」一樣的風格。 我只想修改網站區塊的重量​​和字體。 原始的HTML有「Awesome title」的site-title類,但CSS沒有site-ti

    0熱度

    1回答

    類 好,我有以下代碼: <div class="something"> <div class="something-else"> <h2>Heading</h2> <p>Some text</p> </div> </div> 當我嘗試它的樣式,在另一個樣式表的CSS規則不會讓我這樣做。其他的樣式表是這樣的: .something h2 {

    3熱度

    2回答

    我已經與CSS工作了很長時間,我認爲我很好地理解了特異性,但是這個例子讓我感到困惑;這是在深夜,所以我可能會丟失一些東西明顯: .class span { color: blue; } section#id { color: beige; } <div class="class"> <section id="id">

    3熱度

    5回答

    爲一個文件: <h1>Section 1</h1> <p>I came after a h1 and should be red.</p> <p>I came after a h1 and should be red.</p> <h2>Section 2</h2> <p>I came after a h2 and should be green.</p> <p>I came after

    -1熱度

    2回答

    給定一個具有類和ID的元素;如果我將一個具有類選擇器的CSS應用於某個元素,並使用某個具有ID選擇器的CSS覆蓋它,則會應用更高版本。 <a class='abc' id='def' href="#"></a> <style> .abc{ color:red; } #def{ color:blue; } </style> 爲什麼ID選擇器利用類選擇器?