JavaScript开发必知：CSS3选择器优先级详解及计算示例

CSS3选择器优先级的计算方式如下： 1. 类选择器（.class）：1000 2. ID选择器（#id）：10000 3. 属性选择器、伪类选择器和伪元素选择器：100 4. 兄弟选择器、后代选择器和子选择器：10 5. 相邻兄弟选择器：1 当多个选择器应用于同一元素时，优先级最高的选择器将应用于元素。例如，如果有以下CSS代码： ```css .red { color: red; } #my-id { color: blue; } .red #my-id { color: green; } ``` 在这个例子中，`#my-id`选择器的优先级高于`.red`选择器，所以元素的文本颜色将为蓝色。`.red #my-id`选择器的优先级高于`#my-id`选择器，所以当元素的class为`.red`时，元素的文本颜色将为绿色。 ######[AI写代码神器 | 223点数解答 | 2023-11-09 00:53:22]