css樣式-選擇符-僞類-僞元素
添加css三種方式css
一、行內樣式測試
二、嵌入樣式<style>url
三、連接樣式<link>spa
四、import 指令：@import url(css/style.css)get
選擇符總體上分爲三類：input
上下文選擇符it
基於祖先或同胞元素選擇一個元素ast
一、上下文選擇符class
標籤1 標籤2import
二、子選擇符>
標籤1 > 標籤2
標籤2必須是標籤1的子元素
三、緊鄰同胞選擇符+
標籤1 + 標籤2
標籤2必須緊跟在其同胞標籤1的後面
四、通常同胞選擇符~
標籤1 ~ 標籤2
標籤2必須跟（不必定緊跟）在其同胞標籤1後面
五、通用選擇符*
* {}，p *{}
ID和類選擇符
基於id和class屬性的值選擇元素
一、#id
二、.class
ID和類選擇符能夠快速定位標籤，能夠跟上線文選擇符聯合使用
屬性選擇符
基於屬性的有無和特徵選擇元素
一、屬性名選擇符
標籤名[屬性名]
img[title] {}
二、屬性值選擇符
標籤名[屬性名="屬性值"]
img[title="red flower"] {}
僞類
UI（User Interface,用戶界面）僞類
:一個冒號表示僞類，::兩個冒號表示CSS3新增的僞元素
一、連接僞類
a:link{}
a:visited{}
a:hover{}
a:active{}
二、:focus僞類
e:focus
e表示任何元素，獲取焦點。
<body>
<p>選擇符測試,<em>包體測試上次登錄水電費金額</em>上下文選擇符</p>
:focus僞類：<input type="text" name="" />
</body>
input:focus {
border: 3px solid red;
}
三、:target僞類
e:target
e表示任何元素，若是用戶點擊一個指向頁面中的其餘元素的連接，則那個元素就是目標(target)，能夠用target僞類選中它。
<a href="#target1">目標</a>
結構化僞類
一、:first-child和:last-child
分別表明一組同胞元素的第一個元素和最後一個
二、:nht-child
e:nth-child(n),如：e:nth-child(3)
表明一組同胞元素的第N個
僞元素
一、::first-letter僞元素
第一個字符
二、::first-line僞元素
第一行
三、::before和::after僞元素
特定元素的前面或後面加特殊內容
- 1. 僞類元素選擇符
- 2. css僞元素選擇器
- 3. CSS中選擇器以及僞類和僞元素選擇器
- 4. CSS3僞元素、僞類選擇器
- 5. css選擇器(常規選擇器，僞類選擇器，僞元素選擇器，根元素選擇器)
- 6. CSS 僞類與僞元素
- 7. css僞類和僞元素
- 8. CSS僞類與僞元素
- 9. css僞類與僞元素
- 10. CSS僞類和僞元素
- 更多相關文章...
- • jQuery Mobile CSS 類 - jQuery Mobile 教程
- • XQuery 選擇 和 過濾 - XQuery 教程
- • Kotlin學習（二）基本類型
- • 委託模式
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 僞類元素選擇符
- 2. css僞元素選擇器
- 3. CSS中選擇器以及僞類和僞元素選擇器
- 4. CSS3僞元素、僞類選擇器
- 5. css選擇器(常規選擇器，僞類選擇器，僞元素選擇器，根元素選擇器)
- 6. CSS 僞類與僞元素
- 7. css僞類和僞元素
- 8. CSS僞類與僞元素
- 9. css僞類與僞元素
- 10. CSS僞類和僞元素