元素＃标识符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选择器做什么？

回答

相关问题