本文详细介绍了CSS中各种选择器的使用，包括标签、ID、类、属性、伪类和伪元素选择器等，并解析了它们的优先级规则。此外，还对比了Link与@import在样式加载上的区别，如加载时机、兼容性和使用范围。
一、CSS选择器有：标签选择器，ID选择器，类选择器，逗号选择器，组合选择器，普遍选择器，层次选择器，属性选择器，伪类选择器，伪元素选择器等。
二、选择器的优先级：一般根据特性值
内联style属性>id选择器>类选择器/伪类选择器/属性选择器>标签选择器/伪元素选择器。
三、Link与@import的区别：
- 所属范围
@import 是css的语法，只能导入样式
link是html的标签，不仅可以加载样式，还可以定义rel属性rel="stylesheet"表示调用外部样式表 - 加载顺序
页面加载的时候，link标签引入的css被同时加载
@import引入的css在页面加载完毕后再被加载 - 兼容性
@import需要兼容IE5+ link标签，不存在兼容性问题
扫一扫
2311
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
