CSS选择器(一)

1）属性选择器

根据部分属性选择：title~=“name";//选择title属性中包含title的元素

2）后代选择器//可选择任意后代

<标签1> <标签2>.。。。<标签N>{设置格式}

3）子元素选择器//只能逐层选择后代

只能选择某元素的子元素的元素：h1>strong>....>后代N{};//

4）相邻兄弟选择器

选择紧接在另一个元素后的元素，且二者有相同的父元素：h1+p{};

5）属性选择器（二）

[att*=val]    属性值包含val值的通配

[att^=val]   属性值首字母包含val的通配

[att$=val]    属性值尾字符包含val的通配

注：val为伪字符时会产生报错

6）结构性伪类选择器

伪元素选择器

att:first-line 第一行元素改变

att：first-letter 首字母改变

att：before 在att标签元素的内容前进行操作

att：after  在att标签元素内容后进行操作

6）选择器 root not empty target

：root{}；//根元素（当body和root同时设置时，body只设置body之后的元素）

att *：not(att1){}；//除了att1 其他都会被设置

：empty{}；//没有内容的部分被操作

：target{}；//页面被点击后的变化