Question

Css+代码为#nav+ul+li+a+:+hover+{}的选择器权重为啥？

Answer 1

在CSS中，选择器的权重用于确定样式规则的优先级，以决定应用哪个样式。权重值越高，优先级越高。
对于给定的选择器，权重可以通过以下方式计算：

• 对于每个ID选择器，权重值为100。

• 对于每个类选择器、属性选择器或伪类选择器，权重值为10。

• 对于每个元素选择器或伪元素选择器，权重值为1。
  在给定的选择器#nav ul li a:hover中，包含了一个ID选择器（#nav）和一个伪类选择器(:hover)。根据上述权重计算规则，ID选择器的权重值为100，伪类选择器的权重值为10。因此，该选择器的总权重值为110。
  需要注意的是，选择器的权重是累加的，如果存在多个选择器具有相同的权重值，那么后面出现的选择器将覆盖先前的选择器。
  权重的计算可以帮助我们确定样式的优先级，以便解决样式冲突或优先应用某个样式。在开发中，合理使用选择器的权重可以确保样式规则的正确应用。

分享