Селектор CSS, который ссылается на значение атрибута, которое совпадает с родительским

Question

У меня есть список разделов, где отображается только по одному. Это зависит от значения атрибута, который имеет родитель. Например:

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, чтобы избежать написания все возможности.

Answer 1

Итак, вы хотите родовое descendant selector, где значение data-something имущества вашего предка не является такой же, как всегда стоимости data-something имущества вашего потомка, независимо от того, что это значение?

К сожалению, это невозможно с помощью CSS!