*, *::before, *::after
时间: 2023-07-23 14:51:11 浏览: 144
深入理解::before/:before和::after/:after的使用
5星 · 资源好评率100%
`*, *::before, *::after`是CSS中的通配符选择器,用于匹配所有元素、所有元素的before伪元素和所有元素的after伪元素。
- `*`:选择所有元素,包括HTML标签元素、内联元素、块级元素等。
- `*::before`:选择所有元素的before伪元素,用于在元素的内容前面插入一些内容。
- `*::after`:选择所有元素的after伪元素,用于在元素的内容后面插入一些内容。
使用通配符选择器可以对所有元素应用相同的样式,如`*{ margin:0; padding:0;}`可以将所有元素的外边距和内边距都设置为0,从而消除默认样式的影响。同时,也可以使用伪元素的before和after来为元素添加一些特殊的效果,如`a::before{ content:">> ";}`可以在所有链接前面添加双箭头符号。通配符选择器的使用需要注意性能问题,因为所有元素都会被匹配,所以在大型网站中应该尽量避免使用通配符选择器。
阅读全文