可以在樣式后面加上!important,如:
backgroundcolor:red!important;
!important 將覆蓋行內csscss優先級:行內css>id選擇器(#)>偽類
css選擇器優先級核心:每個選擇器本身有優先級,作用范圍越具體優先級越高。
CSS優先級從高到低分別是:
1.在屬性后面使用 !important 會覆蓋頁面內任何位置定義的元素樣式。
2.作為style屬性寫在元素標簽上的內聯樣式
3.id選擇器
4.類選擇器
5.偽類選擇器
6.屬性選擇器
7.標簽選擇器
8.通配符選擇器
9.瀏覽器選擇器
當CSS樣式的規則由多個選擇器組成時,id選擇器的權值為1000,class選擇器為100,標簽選擇器為10,按權值求和的記過高低決定哪個優先。當兩個css規則的權值相同時,誰更具體用誰,也就是權值高的選擇器作用的越具體優先級越高。當兩個選擇器規則和權值都是一樣,后面樣式會覆蓋前面的!
可以改變偽類標簽的背景顏色:只需要寫上這句代碼就可以了:
a: hover{background-color:aqua;}這樣的代碼格式就可以將a標簽的偽類效果修改為鼠標移動是背景顏色修改為藍色。其他的偽類效果你想修改也是同以上的方法是一樣的。
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