H5培訓_CSS選擇器介紹
CSS 概述：
CSS 指層疊樣式表 (Cascading Style Sheets)，樣式定義如何顯示 HTML 元素
外部樣式表通常存儲在 CSS 文件中，多個樣式定義可層疊為一
一.id 選擇器
id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。
id 選擇器以 "#" 來定義。
下面的兩個 id 選擇器，第一個可以定義元素的顏色為紅色，第二個定義元素的顏色為綠色：
注意：id 屬性只能在每個 HTML 文檔中出現一次。
id 選擇器查找下一級元素
#content p {
margin-top: 100px;
}
Html:
<div id=”content”>
<p>文本</p>
</div>
二. CSS 類選擇器
1. 在 CSS 中，類選擇器以一個點號顯示：
.content{text-align: center}
HTML:
<div class=”content”>文本居中</div>
注意：類名的第一個字符不能使用數字！它無法在 Mozilla 或 Firefox 中起作用。
2. 元素也可以基于它們的類而被選擇：
td.aa {
color: #ff6600;
background: #002255;
}
三. CSS 屬性選擇器
1. 屬性選擇器
設制帶有 title 屬性的所有元素設置樣式：
[title]
{
color:red;
}
2. 屬性和值選擇器
設制title="hi" 的所有元素設置樣式：
[title=hi]
{
border:5px solid blue;
}
總結
CSS中屬性選擇器可以根據元素的屬性及屬性值來選擇元素，常用選擇器有“ID，Class，屬性選擇器‘。
18922156670
