解决方法
没有性能问题.两者都是一样的.但是css与class与Elements的特异性存在差异.
特异性 – 特定性决定了浏览器应用的CSS规则.
如果两个选择器应用于同一元素,则具有更高特异性的元素将获胜.
但特异性具有等级.
>内联样式(文档中存在样式).
内联样式存在于XHTML文档中.它直接附加到要设计样式的元素上.例如.
> ID(ID选择器数量)
ID是页面元素的标识符,例如#div.
>类,属性和伪类(类选择器的数量).
该组包括.classes,[attributes]和伪类,例如：hover,：focus等.
>元素和伪元素(元素(类型)选择器的数量).
包括例如：before和：after.
资料来源：http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
因此div.test {}更具体.
