CSS组合属性选择器

Question

我有以下HTML：

<div class="tocolor">tocolor 1
<div id="one">tocolor 11</div>
</div>
<div class="mplampla"><span id="two">
</span>tocolor 2</div>
<div class="tocolor-2"><span id="three">
</span>tocolor 3</div>
<div class="tocolor tocolor-1">tocolor 4 
<span id="one">tocolor 44</span>
</div>

我希望风格（让我们说颜色为绿色）＆＃34; tocolor 11＆＃34;使用atrribute选择器的组合。 我尝试了以下CSS，但它没有做任何事情

div[class*='tocolor'][div[id*='one']] {
color:green
}

由于

Answer 1

用于此

div[class*='tocolor'] div[id*='one'] {
    color:green
    }

以及

 div[class*='tocolor'] > div[id*='one'] {
        color:green
        }

<强> Demo