CSS可通過不同屬性以各種不同方式來設(shè)置鏈接的樣式；例如：使用color屬性設(shè)置鏈接顏色、使用text-decoration屬性去掉下劃線等等。還可以通過:link、:visited、:hover、:active設(shè)置不同狀態(tài)的鏈接

在討論CSS屬性之前，先了解鏈接的狀態(tài)是非常重要的。鏈接可以存在于不同的狀態(tài)，并且可以使用偽類進行樣式設(shè)置。

可以在樣式后面加上！important，如：

backgroundcolor:red!important;

!important 將覆蓋行內(nèi)css

css優(yōu)先級：行內(nèi)css>id選擇器(#)>偽類

先列出CSS中常用的偽類

a:link {color:#FF0000;} /* 未訪問的鏈接 */

a:visited {color:#00FF00;} /* 已訪問的鏈接 */

a:hover {color:#FF00FF;} /* 鼠標(biāo)劃過鏈接 */

a:active {color:#0000FF;} /* 已選中的鏈接 */

:checked 選擇所有選中的表單元素

:disabled 選擇所有禁用的表單元素

p:first-child 父元素中第一個p元素

比如#div p:first-child{

color:#E4393c;

}

:last-child 父元素中最后一個p元素

p:before

p:after 這兩個常被用來清除浮動

1、首先新建一個html文件，命名為test.html，在test.html文件內(nèi)，使用table標(biāo)簽創(chuàng)建一個表格，用于測試。

2、在test.html文件內(nèi)，設(shè)置table標(biāo)簽的class屬性為mytable，同時設(shè)置邊框為1px。

3、接著在css標(biāo)簽內(nèi)，通過class設(shè)置表格的樣式，定義它的寬度為300px,高度為200px。

4、在css標(biāo)簽內(nèi)，通過td元素名稱和“:hover”選擇器定義當(dāng)鼠標(biāo)指向單元格時，改變單元格的背景顏色，設(shè)置為紅色。

5、最后在瀏覽器打開test.html文件，鼠標(biāo)經(jīng)過之后，即可變色。

0