使用Javascript动态检查元素的css属性

我有一些网页有一个css，对我来说有点复杂，有很多类（它来自twitter引导），我想看到一些元素的属性，而不必分析css文件（因为该文档是很多类的成员，我发现逐个查找一些属性很复杂）

因此，我打开我的网页并在控制台中运行（在Chrome中）：

>tmp=$（“.brand”）
[
​, 
​,
​
]
>bb=tmp[0]
​
>风格，颜色
""

---

如果我运行

bb.style

，我会得到一个css属性列表，但是它们的值大部分是

”

，就像上面的属性

颜色一样，而我想要的是属性的实际值。有什么办法吗
 根据原始帖子的评论创建；没有回答问题，但解决了问题

chrome开发者面板中的“元素”选项卡将向您显示给定元素上当前的所有css样式，以及分配这些样式的文件/行。这应该可以让你看到你想要的东西，而不必在整个css文件中到处翻找，也不必在javascript中到处玩。
chrome开发者面板中的元素选项卡将向你显示当前给定元素上的所有css样式以及它们分配的文件/行。这应该可以让你看到你想要什么，而不必在整个css文件中到处翻找，也不必在javascript中到处玩。你没有
firebug
？@Keeyai是的，我不知道元素选项卡，但是检查它很简单。谢谢。您可以将此作为答案，我会接受。@Viscont我没有，但我以后会检查。@S4M-谢谢，祝您好运！
> tmp = $(".brand")
[
<a class=​"brand" id=​"appName" href=​"#">​LBY​</a>​, 
<a class=​"brand" id=​"about" href=​"/​about">​About​</a>​,
<a class=​"brand" id=​"index" href=​"/​">​Home​</a>​
]

> bb = tmp[0]
<a class=​"brand" id=​"appName" href=​"#">​LBY​</a>​

> bb.style.color
""