css-specificity

4熱度

1回答

＃id＃id：重複出現的同一個簡單選擇器應該會提高特異性，但不會針對IE9中的ID

一段時間以來，我使用了一個我認爲很聰明的小技巧。這是組合相同的CSS選擇器來增加規則的選擇器的特異性。 CSS規範確實提到：注：重複相同的一個簡單選擇的occurrances是允許的，做增加特異性。 http://www.w3.org/TR/css3-selectors/#specificity 例如，如果HTML是 <body> <section id="main">

4熱度

1回答

CSS：懸停效果不工作時，我設置一個ID段落

我有輕鬆的效果以下CSS3過渡： HTML <div class="button"> <a href="#" onMouseOver="clicksound.playclip()"></a> <p id="myId" class="top"></p> </div> CSS * { padding: 0; margin: 0; } .butt

1熱度

1回答

CSS特異性：意外的行爲

我一直在遵循關於CSS特定性的this article。它將值分配給選擇器，具有最高值的選擇器將具有優先權。的ID具有100 的值的類具有10 值我的問題是在這個例子中我嘗試。 HTML <div id="id" class="a b c d e f g h i j k l">What color?</div> CSS /* calculated specificity: 100 */ #

3熱度

2回答

CSS的特殊性，父容器否決子容器

我正在使用我正在使用的一些自定義960.gs類。我使用子容器時發生問題，而子容器的列只是從主容器的列規則繼承寬度。在我看來，內部細胞（富+酒吧）應該是綠色的。這意味着他們應該得到的.container-6 .grid-3代替.container-8 .grid-3 我知道在CSS中!important選項的規則，但我想先調查其他的選擇，因爲這將是一個問題，如果情況是周圍的其他方式。 HTML <

0熱度

3回答

的CSS無視班規

很基本的問題，但似乎我的CSS無視我的班規，仍然將填充向左和向右： http://jsfiddle.net/VabWL/11/ 這使得落到底。任何人都可以看到我在這裏做錯了嗎？ #num {float: left; background: pink; width: 16.8%; text-align: center; margin: 2%;} .first {margin-left: 0px;

0熱度

2回答

特異性計算中的僞類和僞元素的CSS差異？

我學會了如何根據http://reference.sitepoint.com/css/specificity 計算css特異性。但是，根據這個參考，我不明白僞類（來自c）和僞元素（來自d）之間的區別是什麼？例如， input[type="text"]:hover 懸停是僞類（從c）或僞元素（來自d）？與input[type="text"].error相比，哪一個具有更高的特異性？

2熱度

3回答

關於CSS特性的困惑

鑑於以下CSS和HTML，有人可以解釋爲什麼文章標籤中的標題是紅色的，我認爲它應該是藍色的，因爲它們都具有相同的權重，但文章樣式是在h4樣式之後出現的所以應該重寫h4風格。 <html> <head> <title></title> <style> h4 { color:red; } article

1熱度

2回答

CSS特異性擊敗內嵌重要

這裏是我的地盤！http://stage.samkeddy.com/ 它使用幾個媒體查詢並搭載JavaScript的移動菜單按鈕的響應。下面是菜單按鈕的JavaScript： function toggleMenu() { if (menuIsVisible == false) { collapsibleMenu.style.height = 'auto'; c

1熱度

3回答

選擇器的CSS優先級超過類

.formWrap input[type="text"] { font-size: 12px; } .bigger { font-size: 14px } <div class="formWrap"> <input type="text" class="bigger" /> </div> 爲什麼上述內容不能輸入字段14px的文本？當我使用inpu

2熱度

2回答

具有多於一個類的元素的CSS特異性

我遇到了一個問題，我無法獲得需要進行某些代碼工作的特定級別。我有一個<ul>，我想用一個漂亮的小幻燈片動畫來讓<li>的背景變化。我設法使用linear-gradient和:hover上的transition使它工作得很好。我決定，我想有不同的列表項有不同的背景顏色比對方，所以我加了三類：.red，.blue和.gold，我想我會只是讓一切與.level1類具有比其他所需的性能線性漸變本身 -