如果HTML中的ID应该是唯一的，为什么我有时会在Css中看到像div＃nav-blue这样的东西？

Question

由于ID在HTML中应该是唯一的，为什么我有时会在Css选择器中看到格式化为（div＃nav-blue）的格式，因为很明显没有其他元素具有此ID的除法，因此不能写入＃nav-blue更有意义吗？

Answer 1

它没有变化或一点点。

您可以出于某种原因执行此操作：维护代码时的可见性更高。更容易找到，并记住每种元素的风格。

第二个原因是选择器的优先级。

有一些不同的优先顺序：

!important > #id > .class > element

你可以考虑

 element = 1
 .class = 10
 #id = 100
 !important= 1000

然后div#id = 101＆gt; #id = 100

div#myid{
  color:red;
}

#myid{
  color:blue;
}

.myclass{
  color:yellow;
}

div{
  color:green;
}

<div class="myclass" id="myid">
Some text
</div>