接續 [CSS] Class 與 ID (上) ,關於 CSS 中 ID 的用法...
ID:
ID 的宣告法,是先放一個井字號 (#),之後再列出選擇器名稱。設定一個 ID 選擇器的語法如下:
#【ID 名稱】{
屬性:設定值;
...
}
CSS:
HTML:
瀏覽器:
這是用 ID 選擇器的例子。
Class 和 ID 差異:
資料來源:http://css.1keydata.com/tw/class-id.php
ID:
ID 的宣告法,是先放一個井字號 (#),之後再列出選擇器名稱。設定一個 ID 選擇器的語法如下:
#【ID 名稱】{
屬性:設定值;
...
}
CSS:
#pinkcolor {
color:#FF00FF;
}
HTML:
<span id="footer">這是用 ID 選擇器的例子。</span>
瀏覽器:
這是用 ID 選擇器的例子。
Class 和 ID 差異:
- 兩者最大的不同,是在於 ID 選擇器在一個 HTML 文件中只能被使用一次,而 Class 選擇器在一個 HTML 文件中可以被使用多次。
- 第二個不同的地方,是 ID 選擇器可以被 Javascript 中的 GetElementByID 函數所運用,而 Class 選擇器無法被 Javascript 運用到。
資料來源:http://css.1keydata.com/tw/class-id.php
全站熱搜
留言列表