1.兄弟選擇器:(相連的兩個元素建瘫,不是子元素)
p+b{ }
樣式表中甘穿,全局性的和局部性的優(yōu)先級盖奈,局部性的優(yōu)先級高。
通用兄弟選擇器
通用兄弟選擇器匹配某元素后面的所有兄弟元素
使用~連接 p~b{}
屬性選擇器屬選擇器能夠元素附帶的屬性用于選擇器中竭恬,從而對帶有指定屬性的元素設置樣式。
[title]
若要設置某元素中的屬性為:div{id}表示div中有id屬性的都會有效
2.偽類選擇器
目標偽類target
元素偽類disabled已啟用的元素 enabled被禁用的元素 checked被選中的元素
否定偽類not
偽元素first-letter ? first-line? 一段文字的第一個字和第一行
::selection匹配被用戶選取的部分
:before{content:”需要加的內(nèi)容"}
計數(shù)器
body{counter-reset:charpter;}
h1:before{content: "第"counter(charpter)"章";
color: red;}
h1{counter-increment: charpter ?2 (這里可以加遞增的數(shù)字);}
多列
column-count:
column-gap:
column-rule:
代碼
p{width: 400px;
border: 1px red solid;
column-count:3;
column-gap:20px;
column-rule:2px solid green;}