元素＃標識符CSS選擇器做什麼？

我寫的（或者更可能複製\粘貼）代碼的一些前一段時間，在現在看..我不知道到底該CSS選擇做什麼：元素＃標識符CSS選擇器做什麼？

div#pop-up

我的猜測是，它在說「如果你是一個名爲彈出窗口的div，我會選擇你「，但我不確定。任何人都可以確認，如果這是一個有效的CSS選擇器，如果是的話，它在做什麼？

來源

2014-10-27 ewitkows

它選擇div元素，並且id屬性等於「彈出式」。

div#pop-up { 
 
    color: #f00; 
 
    font-weight: bold; 
 
}

<div id="pop-up">Hello, world!</div> 
 
<div id="not-pop-up">Hello, world!</div>

來源

2014-10-27 14:48:26

由於@JamesDonnelly，所以這是識別該元素的更具體的方法是什麼？說，確定我沒有跨度id'd彈出窗口？ – ewitkows 2014-10-27 14:49:23

@ewitkows在這裏指定'div'確實縮小了範圍。 HTML'id'屬性在HTML文檔中必須是唯一的，但是您可能有兩個不同的頁面，其中兩個不同的元素以'id'爲「彈出式」，這將選擇其類型爲「div」的頁面。這也增加了[*特性*]（http://www.w3.org/TR/css3-selectors/#specificity），這意味着'div＃pop-up'中定義的樣式屬性將覆蓋'div'中定義的樣式屬性或'＃彈出'自己。 – 2014-10-27 14:51:13

明白了，謝謝@JamesDonnelly！（和其他人一樣，JD只是擊敗你們） – ewitkows 2014-10-27 14:51:55

#一個是用於id標識符所以這CSS說一個div標籤與id的pop-up

來源

2014-10-27 14:48:34 jmore009

一個它選擇與彈出的ID一個div。 div部分是不必要的，但是在CSS specificity方面，它可以改變規則的權重。

來源

2014-10-27 14:49:41 j08691

......或者如果你在多個文檔中重複使用該「id」。在一個文檔中，你可能會有一個''span''元素，例如''彈出'，並且可能共享相同的樣式表。 – 2014-10-27 14:58:56

它基本上是在尋找一個彈出ID的div。

一個例子是：

div#pop-up { 
 
    font-size: 30px; 
 
    color: hotpink; 
 
}

<div class="pop-up">DIV WITH THE CLASS "pop-up"</div> 
 

 
<div id="pop-up">DIV WITH THE ID "pop-up"</div> 
 

 
<span id="pop-up">SPAN WITH THE CLASS "pop-up"</span>

來源

2014-10-27 14:53:52

元素＃標識符CSS選擇器做什麼？

回答

相關問題