div＃myID {} vs #myID div {} /建议使用哪种CSS语法？

Question

这些CSS选择器是否相同或存在差异？

div#myID {  }  

#myID div {   } 

如果它们相同，建议使用哪一个？

Answer 1

你的选择者完全不同。

第一个结合了两个不同的选择器来匹配div和#myID的每个元素 - 每个<div> ID为myID。

第二个使用后代组合子匹配div内的所有#myID - 标识为<div>的元素内的每myID个。

Answer 2

嗯，他们都做了不同的事情，所以没有什么值得推荐的。

• div#myID选择ID为div的{​​{1}}。只需myID即可以更快地表达这一点。

• #myID选择所有#myID div作为ID为div的元素的后代。

Answer 3

这两种语法都有效，但做了不同的事情。

div#myID会选择ID为<div>的{​​{1}}。

myID将选择#myID div，其中包含ID为<div>的其他元素（任何类型）。

举个例子，使用以下HTML代码：

myID

使用第一个选择器，您将选择上面的外部div。使用第二个选择器，您将选择两个div的内部。

希望有所帮助。

Answer 4

#myID div { }

#myId

之后的样式div

div#myID {  }  

设置ID为#myId

的div

这取决于你想要达到的目的，以便建议你应该使用哪一个。

Answer 5

他们不一样！

div#myID

适用于此：

<div id="myID">
</div>

#myID div 不适用于上面的示例，而是适用于以下div容器内的文字：

<p id="myID">
  <div>
  </div>
</p>

Answer 6

div#myID { }只定位ID为myId

的div

#myID div { }会定位ID为myId

的子div

Answer 7

第一个选择器将应用于ID为div的{​​{1}}。

第二个将应用于ID为myID的元素中的所有div代码。这显然是不同的。