我在理解 div ~ h1
时遇到问题,它似乎选择了直接跟在 div 之后的所有 h1 标签。
但这不是 div > h1
的实际作用吗?
它选择所有 h1 是 div 的直接子节点?
我也遇到过 div + h1
起初我很困惑,但这似乎只选择了一个元素,即 1 个 H1 标签跟在一个 div 之后。
任何人的任何想法都会非常有帮助。
最佳答案
div ~ h1
将选择 all h1
跟随兄弟 [brothers](不仅仅是直系亲属)。
div + h1
将仅选择 div 之后的 直接 兄弟 h1
。
div > h1
将选择 所有 h1
是 div 的直接子级。
div h1
将选择 所有 嵌套 在 div 中的 h1
(不仅仅是直接子级) .
所有这些,还有更多可以找到 here
关于css - 混淆选择器,div ~ h1 vs div > h1,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18873268/