使用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类的多个元素。

小提琴

---

如果是单个pen元素或订单

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

输出为#000 。

小提琴