У меня есть список div, где отображается только один за раз. Это зависит от значения атрибута родителя. Например:
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;}
Причина в том, что я не уверен, сколько детей у меня может быть, и я хочу посмотреть, есть ли способ на чистом CSS избежать написания всех возможностей.
data-something
вашего родителя должно совпадать со значениемdata-something
вашего ребенка? 07.02.2017