<分区>
我有一个 div 列表,其中一次只显示一个。这取决于 parent 拥有的属性值。例如:
HTML:
<div id="parent" data-something="c">
<div class="children" data-something="a"></div>
<div class="children" data-something="b"></div>
<div class="children" data-something="c"></div>
<div class="children" data-something="d"></div>
</div>
CSS:
.children
{display: none;}
#parent[data-something="a"] .children[data-something="a"]
{display: block;}
#parent[data-something="b"] .children[data-something="b"]
{display: block;}
/* etc. */
有什么方法可以让这个选择器根据父属性值选择相应的子项吗?
类似于:
#parent[data-something="*"] .children[data-something="*"]
{display: block;}
背后的原因是我不确定我可能有多少个 child ,我想看看是否有一种方法,在纯 CSS 中,避免写出所有的可能性。