html - 我可以在带有 css 的标签中输入标签吗

Question

我需要更改元素 a，而我在元素 b 中。我的问题是我可以仅使用 CSS/HTML 来做到这一点吗？

li:active{
    img{
       border:1px solid black;
    }
}

Answer 1

你会想要...

li:active img {
   border:1px solid black;
}

这将为 li:active 中的所有 img 元素设置样式。如果您只想为后者的直接后代设置样式，则需要:

li:active > img {
   border:1px solid black;
}

我建议您阅读 Chris Coyier 的文章“Child and Sibling Selectors”以了解更复杂的 CSS。此外，还有更复杂的基于位置关系的 CSS 选择器，例如 li:active + img 和 li:active ~ img，但这超出了本答案的范围。

但是，您的建议实际上可以使用 SASS 实现，这是一个 CSS 预处理器。