通过样式表设置具有匹配父div attrobite属性的子div

Question

我在这里有这个HTML代码：

<div default_name="RandomName1">
    <div name="RandomName1">RandomName1</div>
    <div name="RandomName2">RandomName2</div>
    <div name="RandomName3">RandomName3</div>
</div>

父div上的属性default_name会不时更改。我想设置name匹配default_name到background-color:red的子div。

像：

<style>
      div > div[name=default_name_of_parent] { background-color: red }
</style>

我无法控制名称值是什么，用户设置它。这可以通过样式表吗？

由于

Answer 1

如果您为每个可能的“组合”制定包含选择器的规则，则可以这样做：

div[default_name=RandomName1] > div[name=RandomName1],
div[default_name=RandomName2] > div[name=RandomName2],
div[default_name=RandomName3] > div[name=RandomName3]
  { background-color: red }

http://jsfiddle.net/wc5whfwa/

但j08691对他们的评论是完全正确的 - 如果可能的话，应该不惜一切代价避免这种情况，data-属性将成为可能。