CSS选择器

一、CSS（层叠样式表）作用

1、修饰页面样式（颜色、大小、背景）：文本、字体、背景

2、确定元素再页面中的位置（布局）：浮动、定位、盒子模型

3、引入方式：行内 > 内部 > 外部

二、语法

1、内部

<style>

选择器{

样式：值；

}

</style>

2、外部引用

<link rel="stylesheet" href="地址"></link>

@import url('地址')

三、选择器

1、基本选择器

标签选择器：html标签

类选择器：点+class值

id选择器：#+id值（unique）

2、层次选择器

后代选择器：选择器 空格 选择器

子元素选择器： >

相邻兄弟：+

通用兄弟：~

并集选择器：逗号

交集选择器：选择器选择器

通配符：*{}

3、结构伪类选择器

（1）-child：先确定位置再确定类型

E:first-chile、E:last-chile、E-nth-child(n)

（2）-of-type：先确定类型再确定位置

E:first-of-type、last-of-type、ntht-of-type(n)

4、属性选择器

选择器[属性="属性值"]--选择有指定属性且完全等于属性值的元素

选择器[属性*="属性值"]--选择有指定属性且包含有属性值的元素

选择器[属性^="属性值"]--选择有指定属性且指定属性值开头的元素

选择器[属性$="属性值"]--选择有指定属性且指定属性值结尾的元素

5、伪元素选择器

::first-letter  第一个字符

::first-line   第一行

::before{content:""}  在标签内之前添加内容和样式

::after  在标签内之后添加内容和样式

6、否定伪类选择器：选择器:not（选择器）{}--从已选择的元素中排除某些元素

7、选择器优先级

行内选择器：1000

id选择器：100

类选择器：10

标签选择器：1

通配符：0

继承：没有