在網頁編輯時，通常要對樣式進行各種設置。我們藉助CSS樣式設計中的選擇器，就能很好很方便的對它們進行管理和設置了。 今天，跟大家分享一下幾個常用的選擇器：id選擇器、類選擇器、屬性選擇器。 id選擇器：為標有特定“id”的html元素來指定特定的樣式，以“#”來定義。 例如：我們為<h1>標簽中的元 ...
在網頁編輯時，通常要對樣式進行各種設置。我們藉助CSS樣式設計中的選擇器，就能很好很方便的對它們進行管理和設置了。
今天，跟大家分享一下幾個常用的選擇器：id選擇器、類選擇器、屬性選擇器。
id選擇器：為標有特定“id”的html元素來指定特定的樣式，以“#”來定義。
例如：我們為<h1>標簽中的元素設置顏色為紅色。
<style>
#green{
color: green;
}
</style>
<h1 id="green">我是綠色的</h1>
<h2 id="no"> 我沒有被設置，我不是綠色的</h2>
類選擇器：為標有特定“class”的html元素來指定特定的樣式，以“.”來定義。
例如：我們讓<h1>中的內容居中。
<style>
.center{
text-align: center;
}
</style>
<h1 class="center">我是居中的</h1>
<h2 class="no">我沒有被設置，我不是居中的</h2>
屬性選擇器：為具有指定屬性的html元素設置樣式。
例如：我們為具有“name”屬性的元素設置其顏色為紅色。
<style>
[name]{color:red;}
</style>
<table>
<tr>
<td><input type="text" name="input" value="hello,我是紅色的"></td>
</tr>
</table>
如果用到時需要再具體一點的話，我們就可以像下麵這樣：
例如：為具有“type=text”屬性的元素設置其顏色為紅色，為具有“type=button”屬性的元素設置其顏色為綠色。
<style>
input[type="text"]{
color:red;
}
input[type="button"]{
color: green;
}
</style>
<table>
<tr>
<td><input type="text" value="我是紅色"></td>
<td><input type="button" value="我是綠色"></td>
</tr>
</table>
這些都是最簡單最基本的，僅供菜鳥參考。如果你直接複製我的代碼，卻測試不了的話，讓我來告訴你為什麼，一般人我不告訴他。
那是因為我的代碼是直接寫在博客的文本編輯框里，你複製到你的代碼編輯器中，可能存在格式問題，而你的編輯器無法識別，這時候，你最好不要偷懶，自己重新打一遍，就能測試啦。哈哈。
個人見解，如有不足，請各位多多指教，我們共同學習，共同進步。
