iT邦幫忙

2024 iThome 鐵人賽

DAY 8
0
自我挑戰組

HTML跨平台網頁設計系列 第 8

CSS基礎入門

  • 分享至 

  • xImage
  •  

CSS基本選擇器
全域選擇器
全域選擇器可以選擇HTML 中所有的元素,其格式如下:

*{宣告;}

元素選擇器:直接選擇標籤元素名稱來設定樣式

元素名稱{宣告;}

class選擇器:

.class名稱{宣告;}

id選擇器:id識別碼屬性標示特別的內容,具有排他唯一性

#id名稱{宣告;}
like
#hotnews{color:#ff0000;}

CSS屬性選擇器
CSS屬性選擇器可以快速選取頁面中套用指定屬性的元素。
元素[屬性]:指定屬性的元素進行設定
元素[屬性=“值”]:指定屬性及值進行設定
元素[屬性~="文字"]:指定單字進行設定
虛擬類別選擇器
針對套用樣式的元素狀態或是特徵來進行選擇。

  • 常用的虛擬類別選擇器:
    link/visited:尚未點擊的超連結和點擊後的顏色
    hover/active/focus:滑過/被點選/選擇移入
    enabled/disabled/checked:有效/無效/核選
    empty:沒有紫元素或內容
    not():選擇不符參數中元素
  • child虛擬類別選擇器:
    在同一個父元素下的子元素選取
  • of-type
    同在一個父元素下又是相同類別的子元素選取

上一篇
CSS基礎入門
下一篇
顏色與文字設定
系列文
HTML跨平台網頁設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言