css中两个不同的类名（class）怎么同时选择？

html-css011

css中两个不同的类名（class）怎么同时选择？,第1张

可以用逗号隔开多个类名。

css当中需要对多个类或多个元素等使用相同的样式，都可以在每个选择器后面使用逗号分隔，其他部分的写法是相同的。

例如：.aa,.bb{color:blue}。

的确如此，因为浏览器解析CSS选择器是从右向左的，形如.class1 .class2 .class3 { /* 样式 */ } 这样的选择器（后代选择器），浏览器会先将页面中所有含class3这个类名的标签渲染一遍，然后再读取.class2，将.class2下包含.class3类名的标签渲染一遍，最后再将.class1下.class2下包含.class3类名的标签渲染一遍。这样一来浏览器渲染了三次，性能肯定比直接.class3效率低（由于渲染是毫秒级别就完成的，所以肉眼无法察觉），无疑直接单类名的效率更佳，但如果用单类名的话对类名命名的要求较高（要避免样式类名重复），而且会增加CSS文件的代码量，所以具体用单类名还是后代选择器要根据实际情况去定，如果用了后代选择器，推荐最好不要超过2层。

和第1个问题原理相同，你的后一种写法更好。

对，一般是这样的。无论是js还是css，id选择器的效率是最高的，但id选择器在页面中不能重复，这一点会影响到css代码的重用度，所以写css采用class类名的方法要更好。

加不加class要从性能和维护两个方面去考虑，例如 .class1 ul li p 和 .head .photo-title 这样的类名，前者的效率比后者低，且时间一久，你根本不知道这里这个p是干嘛的了。