Javascript 使用css（）获取样式属性值 abc .笔{ 颜色：#333 }

在上面的html和css中，内联样式的优先级高于类，因此将使用

#000

。但是当我做

$（'.pen'）.css（'color'）

时，我得到了

\333

。如何获取当前样式的颜色

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

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

.pen{
color:#333
}

输出为b

#333

或

rgb（51,51,51）

。；因为选择器会找到匹配的第一个元素。 这就是你的代码的问题所在——class

pen

有多个元素

---

如果是单个

笔

元素或订单

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

abc
abc

输出为

#000

---

这是意外的行为。你能提供额外的代码/标记吗？@WillReese什么是意外的？我想我已经给出了很多细节。你的jquery应该返回#000OP说：：“但是当我做$（'.pen'）.css（'color'），我会得到#333。”这是错误的。我在小提琴上得到的结果表明不是这样。因此，我仍在试图理解OP是如何得到值#333或其等效值作为他对Commands的输出的，除非OP能够重现这个问题，否则我投票结束这个话题。

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

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