css選擇器

1.基本選擇器：(標籤名)

p { color:"red";}

2.id選擇器：按照id屬性來找到對應的標籤

#id屬性對應的值{css屬性：屬性值}
<div id="d1">test</div>
#d1{color:red;}

3.類選擇器

.class屬性對應的值{css屬性:屬性值}
<div class="c1">test2</div>
.c1{color:red;}

4.組合選擇器

後代選擇器 div p
兒子選擇器 div>p
毗鄰選擇器 div+p
弟弟選擇器 div~p
組合選擇器 div,p
div.c1{xx:xx};  过滤,找到有c1类值的div标签
div .c1  找后代,找到div标签后代中有类值为c1的所有标签

5.偽類選擇器

a:link{}  鏈接未點擊上去
a:active{} 介於hover visited之間的一個狀態，可以說是鏈接被按下時候的狀態
a:visited{} 鏈接已經點擊過
a:hover{} 鼠標放在鏈接上未點擊
input:focus{} 當元素獲取焦點時，發生focus事件

6.偽元素選擇器

first-letter
before
after