本節簡介:本節課主要通過一個導航條的案例來學習偽劣選擇器,教大家掌握偽劣選擇器的作用以及在網頁中的應用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
格式:后代選擇器:.父級選擇器(空格)子級選擇器{ 屬性 };偽類選擇器:.類選擇器(冒號)狀態{ 屬性 }
代碼簡寫margin:0;也可 左右居中,左右都加auto
寬度百分百的時候,左右還有間隔,可以頁面屬性外觀css,把左右邊距設為0
偽類選擇器 格式在選擇器中如.box:link,背景器選擇顏色 box:active(這些有先后關系)
鏈接去掉下劃線text-decoration(裝飾):none
如果4個都存在時,a;hover要移動到已訪問過的(visited)下面,hover才顯示 順序,初始 訪問過 懸停 活動按下
偽類選擇器 a;link(鏈接的顏色 a:hover鼠標懸停效果 a:visited訪問過的效果 a;active (活動鏈接,按下去的顏色)
link visited hover active
偽類選擇器生效順序 link visited hover active
順序不變 選擇器-.類名:選擇鼠標狀態可設置鼠標過點放的狀態
偽類選擇器 a:link{初始屬性} a:visited{訪問過屬性} a:hover{鼠標移入屬性} a:active{鼠標按下屬性}
狀態屬性要有順序之分, link=》visited=》hover=》active
link默認,visite已經訪問過,hover鼠標經過,active按下去