使用css（）获取样式属性值

Question

<p class="pen" style="color:#000">abc</p>

.pen{
color:#333
}

在上面的html和css中，内联样式的优先级高于类，因此将使用#000。但是当我$('.pen').css('color')时，我得到#333。如何获得当前样式的颜色？

Answer 1

如果您有两个具有相同类别的元素

<p class="pen" style="">abc</p>
<p class="pen" style="color:#000">abc</p>

并运行，

$('.pen').css('color')

输出为b #333或rgb(51,51,51)。因为选择器找到第一个匹配的元素。 所以这是您的代码的问题 - 具有类pen的多个元素。

Fiddle

---

如果是单个pen元素或订单

<p class="pen" style="color:#000">abc</p>
<p class="pen" style="">abc</p>

输出为#000。

Fiddle