CSS选择器相关
CSS选择器有哪些?分别包括什么?
标签选择器、类选择器、ID选择器、普遍选择器、层次选择器、
多选择器、属性选择器、伪类选择器、伪元素选择器
选择器优先级是什么?
1000 style
100 ID选择器
10 类选择器、属性选择器、或者伪类
1 元素选择器或伪元素
页面导入样式,使用link与@import有什么区别?
所属范围
@import 是css的语法,只能导入样式
link是html的标签,不仅可以加载样式,还可以定义rel属性
rel="stylesheet"表示调用外部样式表
加载顺序
页面加载的时候,link标签引入的css被同时加载
@import引入的css在页面加载完毕后再被加载
兼容性
@import需要兼容IE5+link标签,不存在兼容性问题
请问上面代码中,a标签中文字的最终颜色是什么?
<style>
a{
color: red;
}
#box a{
color: green;
}
[class="box"] a{
color: gold;
}
.box a{
color: brown;
}
p a{
color: yellow;
}
</style>
<p id='box' class="box"> <a>hello</a></p>