提问者:小点点

为什么.a.b{color:#ffffff;}影响我的b类对象,但不影响。b{color:#ffffff;}?


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

我有一个元素b,它有一个祖先a(不是直接的,中间有几个步骤)。

我读过很多次,通过在类之间使用空格,例如.a.b{},您可以选择属于a类对象的后代的所有b类对象。

因此,注入.a.b{color:#ffffff;}会按预期将我的对象的颜色更改为白色。但是只使用.b{color:#ffffff;}不是,这一点我不理解,因为它应该影响b类的所有对象,不管它们的祖先是什么?


共1个答案

匿名用户

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

编辑:!重要应该用作最后一个资源,这不是一个好的做法

相关问题