css - 为什么 .a .b{color: #ffffff;} 会影响我的 b 类对象，而不是 .b{color: #ffffff;}？

Question

我是 css 新手，我正在尝试 css 注入，我在浏览器上更改主页的属性。

我有一个元素 b ，它有一个祖先 a （不直接，之间有几步）。

我多次阅读，通过在类之间使用空格，例如.a .b{} ，您选择所有 b 类对象，它们是 a 类对象的后代。

因此，注入.a .b{color: #ffffff;}正在按预期将我的对象的颜色更改为白色。但只使用.b{color: #ffffff;}不是，我不明白，因为它应该影响 b 类的所有对象，不管它们的祖先是什么？

标签： csscss-selectors

Answer 1

这很可能是因为选择器的特异性。您.b正在应用，但有另一种样式覆盖它。您可以检查元素并查看正在应用的样式。如果你想确保它被应用，你可以使用.b {color: #fff !important;}

编辑：!important应该用作最后的资源，它不被认为是一个好习惯