CSS僞類選擇器

時間 2019-11-21

標籤 css 選擇器欄目 CSS 简体版

原文原文鏈接

1、CSS僞類選擇器
用於給某些選擇器添加效果
語法規則：選擇器：僞選擇器
例：a:link {color: #FF0000} 未訪問的連接
a:visited {color: #00FF00} 已訪問的連接
a:hover {color: #FF00FF} 鼠標移動到連接上
a:active {color: #0000FF} 選定的連接
在<body></body>內
<a href=」連接地址」>連接內容文字</a>
僞類選擇器還能夠與css類選擇器配合使用
a.red : visited {color: black}
<a class="red" href="連接地址">連接內容文字</a>
連接文字則將顯示爲紅色
二、CSS：focus僞類
:focus 僞類在元素得到焦點時向元素添加特殊的樣式
input:focus
{
color:yellow;
}
在<body></body>內
input type=」text」
在用戶開始鍵入時，文本會輸入到這個黃色輸入框。
三、CSS：first-child僞類
語法規則：<style type="text/css">
p:first-child
{
font-weight:bold
}
</style>css

<p>I am a <em>strong</em> man. I am a <em>strong</em> man.</p>
<p>I am a <em>strong</em> man. I am a <em>strong</em> man.</p>
則會顯示I am a strong man. I am a strong man.
I am a strong man. I am a strong man.
選擇器匹配屬於任意元素的第一個子元素的 <p> 元素
2、CSS僞元素選擇器
一、CSS：first-line 僞元素
"first-line" 僞元素用於向文本的首行設置特殊樣式
<style type="text/css">
p:first-line
{
color: #ff0000;
}
</style>
<body>
<p>
You can use the :first-line pseudo-element to add a special effect to the first line of a text!
</p>
</body>
結果爲：根據 "first-line" 僞元素中的樣式對 p 元素的第一行文本進行格式化
二、css：first-letter僞元素
用法與first-line 僞元素基本相同，只是該表首字母的格式
3、權重值
一等內嵌權重值1000
二等 id 權重值0100
三等類，僞類權重值0010
四等元素，僞元素權重值0001
通配符，子選擇器，相鄰通報選擇器權重值0000
！important沒有權重值，當回將其餘全部格式變爲！important下的格式類型

ci

1. css--css選擇器，僞類
2. css選擇器-僞類選擇器
3. css選擇器2——僞類選擇器
4. css僞類選擇器
5. 5.CSS 僞類選擇器
6. CSS 3 僞類選擇器
7. CSS 僞類選擇器
8. css 僞類選擇器
9. 選擇器、僞類、僞類選擇器
10. CSS中選擇器以及僞類和僞元素選擇器
更多相關文章...
• jQuery Mobile CSS 類 - jQuery Mobile 教程
• XQuery 選擇和過濾 - XQuery 教程
• Kotlin學習（二）基本類型
• Docker容器實戰(七) - 容器眼光下的文件系統

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。