CSS值等於另一個值

我想知道在CSS中是否有支持的方法來檢查屬性的值是否等於另一個屬性的值。例如：CSS值等於另一個值

<div foo="value" bar="value"></div>

我要尋找類似這種先進的選擇

div[foo=value][bar=value] { 
    font-size:16px; 
}

不用手動檢查每一個有價值的東西，我期待只是看他們畫上等號，所以像

div[foo]==[bar] { 
    font-size:16px; 
}

我不知道有什麼辦法可以做到這一點，也沒有找到任何方法搜索Googlebox。我懷疑Javascript可能是要走的路

有沒有任何支持的方法來檢查這個？

在CSS中沒有這樣的選項。你不能等同其他元素的屬性值。你唯一能做的就是在服務器端語言上使用JavaScript/jQuery或其他東西。

實施例（jQuery的）：

if($('div.example').attr('foo') === $('div.example').attr('bar')) { 
    $('div.example').css('fontSize', '16px'); 
}

2015-05-13 13:14:11

這就是我所想要的，只是檢查是否有一些最簡單的選擇器。謝謝！ –

@BryanZwicker沒問題。樂意效勞 ;）。 –

@BryanZwicker而且，你可以改正你的問題的正確答案;）。謝謝。 –

CSS不具有任何這樣的選項。

2015-05-13 13:14:34 JesseEarley

CSS只有不會幫助在這裏，您可以使用JavaScript和數據標籤

<div data-foo="foo" data-bar="foo">div content 1</div> 
<div data-foo="foo" data-bar="bar">div content 2</div>

2的div數據標籤 - 在DIV 1的值是相同

$('div').each(function(){ 
    if ($(this).data("foo") === $(this).data("bar")){ 
     $(this).css("color","red"); // or do something else 
    } 
})

我通過div循環並檢查數據標籤的內容是否相同 - 只有第一個顏色爲紅色

2015-05-13 13:28:04 roeb

回答