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

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

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

backgroundcolor:red!important;

!important 將覆蓋行內css

css優先級：行內css>id選擇器(#)>偽類

先列出CSS中常用的偽類

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

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

a:hover {color:#FF00FF;} /* 鼠標劃過鏈接 */

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文件內，使用table標簽創建一個表格，用于測試。

2、在test.html文件內，設置table標簽的class屬性為mytable，同時設置邊框為1px。

3、接著在css標簽內，通過class設置表格的樣式，定義它的寬度為300px,高度為200px。

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

5、最后在瀏覽器打開test.html文件，鼠標經過之后，即可變色。

0