CSS选择器相关

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>

答：绿色