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;}