親と同じ属性値を参照するCSSセレクタ

Question

私は一度に1つしか表示されない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で、あらゆる可能性を書いて避けるために、どのように多くの子どもたちわからないです。

Answer 1

したがって、祖先のdata-somethingプロパティの値が常にdata-something子孫のプロパティの値と同じである汎用値descendant selectorが必要ですか。

残念ながら、これはCSSでは不可能です。