8-9 偽類選擇器
發布時間:2021-03-22 16:36 編輯:√無∑情— 內容來源:收集于網絡
更有趣的是偽類選擇符,為什么叫做偽類選擇符,它允許給html不存在的標簽(標簽的某種狀態)設置樣式,比如說我們給html中一個標簽元素的鼠標滑過的狀態來設置字體顏色:
a:hover{color:red;}
上面一行代碼就是為 a 標簽鼠標滑過的狀態設置字體顏色變紅。這樣就會使第一段文字內容中的“膽小如鼠”文字加入鼠標滑過字體顏色變為紅色特效。
關于偽選擇符:
關于偽類選擇符,到目前為止,可以兼容所有瀏覽器的“偽類選擇符”就是 a 標簽上使用 :hover 了(其實偽類選擇符還有很多,尤其是 css3 中,但是因為不能兼容所有瀏覽器,本教程只是講了這一種最常用的)。其實 :hover 可以放在任意的標簽上,比如說 p:hover,但是它們的兼容性也是很不好的,所以現在比較常用的還是 a:hover 的組合。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>偽類選擇符</title>
<style type="text/css">
a:hover {
color: red;
font-size:20px;
}
</style>
</head>
<body>
<h1>勇氣</h1>
<p class="first">三年級時,我還是一個<a >膽小如鼠</a>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
<p id="second">到了三年級下學期時,我們班上了一節公開課,老師提出了一個很<span>簡單</span>的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。</p>
</body>
</html>
上一篇:8-8 通用選擇器 下一篇:8-10 分組選擇器
相關軟件
- 瀏覽器flash插件,恢復網站flash功能的方法
- Dreamweaver 2021 綠色免裝版
- 易企cms易優企業建站系統
- CorelDRAW X7 破解版/思杰馬克丁正版授權
- UE編輯器(UltraEdit32、64位)v2.5漢化綠色便攜破解版/思杰馬克丁正版授權
- photoshop2021正式破解版 v22.0.0中文版+快捷鍵大全
- solidworks2018中文破解版 64/32位_sp1免費版
- solidworks工程圖模板大全
- solidworks邁迪標準件庫破解版 v6.0 安裝版
- solidworks 2012 win8系統支持補丁
- solidworks標準件庫 solidworks2010
- solidworks2020破解文件 免費版
- SolidWorks材質庫大全
- SolidWorks 2011破解補丁 免費版
- SolidWorks2011 32位64位 中文破解版