选择器的补充

1.兄弟选择器：（相连的两个元素，不是子元素）

p+b{ }

样式表中，全局性的和局部性的优先级，局部性的优先级高。

通用兄弟选择器

通用兄弟选择器匹配某元素后面的所有兄弟元素

使用~连接 p~b{}

属性选择器属选择器能够元素附带的属性用于选择器中，从而对带有指定属性的元素设置样式。

[title]

若要设置某元素中的属性为：div{id}表示div中有id属性的都会有效

2.伪类选择器

目标伪类target

元素伪类disabled已启用的元素 enabled被禁用的元素 checked被选中的元素

否定伪类not

伪元素first-letter   first-line  一段文字的第一个字和第一行

::selection匹配被用户选取的部分

:before{content:”需要加的内容"}

计数器

body{counter-reset:charpter;}

h1:before{content: "第"counter(charpter)"章";

color: red;}

h1{counter-increment: charpter  2 （这里可以加递增的数字）;}

多列

column-count:

column-gap:

column-rule:

代码

p{width: 400px;

border: 1px red solid;

column-count:3;

column-gap:20px;

column-rule:2px solid green;}