1. 程式人生 > >CCS選擇器基礎

CCS選擇器基礎

ant ima 使用 偽類選擇器 ren 標簽設置 clas mage 子元素

上周學習了HTML和css的一些基礎,今天來夯實一下基礎

選擇器有:

1、標簽選擇器 :就是HTML 中的標簽 如<p> <h1> <body>等

2、類選擇器: 用 class="類選擇器名稱" 為標簽設置一個類 ,以英文原點開頭,語法:

.類選擇器名稱{css樣式代碼}

3、ID選擇器:用 id="ID選擇器名稱"為標簽設置一個類,以(#)號開頭.(ID選擇器只能在文檔中使用一次)

4、通用選擇器:它使用一個(*)號指定,它的作用是匹配html中所有標簽元素,如:

*{ color:red;}

5、子代選擇器:用(>)符號,用於指定標簽元素的第一代子元素。如:

section>span{color:red;}

6、後代選擇器:加入空格 ,用於選擇指定標簽下的後輩元素。

.parent .son{color:red;}

7、偽類選擇器:用於給HTML不存在的標簽(標簽的某種狀態)設置樣式,如

a:hover{color:red;}

8、分組選擇符:想為多個標簽設置相同的樣式,用分組選擇符(,)。如

h1,p{color:red;}

選擇器權值:

哪種選擇器權值高就使用哪種css的樣式,權值規則: