p.class-name和p [class = class-name]之间有什么区别吗？

Question

就像标题一样，我对CSS选择器有疑问。 p.class-name和p [class = class-name]之间有什么区别吗？哪个更适合使用？

Answer 1

是的，p[class=class-name]仅在class属性恰好为"class-name"时有效。喜欢

<p class="class-name">

但是class属性可以包含多个类。例如，

<p class="class-name other-class-name">

具有class-name和other-class-name这两个类，可以与p.class-name匹配，但不能与p[class=class-name]匹配。

因此，更可取的答案取决于您的用例。