應用基於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屬性

回答

相關問題