应用基于html5数据属性的css属性

是否可以应用一些基于其他元素数据属性的css？例如，我们有四个要素：应用基于html5数据属性的css属性

<span class="aaa" data-value="aaa">one</span> 
<span class="bbb" data-value="bbb"> 
display only if the third element has data value</span> 
<span class="ccc" data-value="">three</span> 
<span class="ddd" data-value="ddd">four</span>

，我想显示第二跨度只有在第三跨度的数据值属性有一定的价值。

我想用css做这个不是JS！

fiddle:

来源

2017-04-20 mcmwhfy

不，CSS既无父母，以前的兄弟姐妹，选择器。 –

@ovokuro可能会阅读更仔细的问题，并看看内容？在这里谈论html5数据属性？ – mcmwhfy

@大卫托马斯可能会读更仔细的问题，并看看内容？在这里谈论html5数据属性？ – mcmwhfy

是的，有可能基于其属性的元素上应用CSS，而不是基于其他元素的属性，就像这样：

span[data-value="bbb"] { 
    /* some properties, but only for the span with 'data-value="bbb"'*/ 
}

来源

2017-04-20 11:50:08

不，它基于它自己的属性来设计一个元素，它不会根据它的next-sibling属性来设计一个元素。 –

是的，我想到后来他问了一些不同的东西，所以我修改了我的答案。 –

应用基于html5数据属性的css属性

回答

相关问题