Javascript CSS值等于另一个值

我想知道CSS中是否有支持的方法来检查一个属性的值是否等于另一个属性的值。例如：

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

我不想手动检查每一个的值，而是想看看它们是否相等，比如

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

我不知道有什么方法可以做到这一点，也没有通过搜索谷歌搜索框找到任何方法。我怀疑Javascript可能是一条出路

---

是否有任何受支持的方法来检查此项？

CSS中没有此类选项。不能与其他元素的属性值相等。您唯一能做的就是使用JavaScript/jQuery或服务器端语言

示例（jQuery）：

---

CSS中没有这样的选项。不能与其他元素的属性值相等。您唯一能做的就是使用JavaScript/jQuery或服务器端语言

示例（jQuery）：

---

CSS没有任何这样的选项。

CSS没有任何这样的选项。

CSS在这里没有帮助，您可以使用javascript和数据标记

---

我在div中循环并检查数据标记的内容是否相同-只有第一个被涂成红色的css在这里没有帮助，您可以使用javascript和数据标记

---

我在div中循环，检查数据标签的内容是否相同-只有第一个被涂成红色

这是我认为需要的，只是检查是否有一些最小已知的选择器。谢谢大家!@布莱恩茨威克不是问题。很乐意帮忙；）@BryanZwicker和，您可以更正您的问题的正确答案；）。谢谢。是的，我正在这样做。有一个时间限制：）这是我认为需要的，只是检查是否有一些最小已知的选择器。谢谢大家!@布莱恩茨威克不是问题。很乐意帮忙；）@BryanZwicker和，您可以更正您的问题的正确答案；）。谢谢。是的，我正在这样做。有一个时间限制：）

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

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

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

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