Question

我主要从W3Schools学习HTML / CSS几天。

请您解释（或提供参考）为什么 div 有黑色背景而不是橙色？谢谢。

＆＃13;

<!DOCTYPE html>
<html>
  <head>
    <style>
      div#hello { background-color: black; }
      div { background-color: orange; }
    </style>
  </head>
  <body>
    <div id="hello" style="height: 50px; width:50px" ></div>
  </body>
</html>

＆＃13;

Answer 1

它被称为选择特异性。你的目标是div＃hello，更具体。 div＃hello下面的div选择器是一种更通用的样式，但你可以用更具体的div＃hello样式覆盖div样式。

虽然div选择器出现在div＃hello样式下面，但由于特殊性，会改为使用div＃hello选择器。

https://css-tricks.com/specifics-on-css-specificity/

使用#id选择器

1 个答案: