CSS 群組選擇器 (Selectors) 教學範例

2018-02-19 腳印網頁資訊設計

使用 CSS 群組選擇器 (Group of selectors)，來將多個選取的元素群組，以套用相同樣式，並使用範例說明。

E 為 Element (元素) 的簡稱，表示 HTML 的標籤名稱如 <h1> <p> <div> …
F 也是 Element，在同時講解二個元素時

CSS 群組選擇器列表

點擊選擇器可連結至詳細說明範例

選擇器	名稱	說明	CSS
`E, F`	群組選擇器	將多個元素群組	1

使用逗號 , 區隔，來群組多個元素

將 <div> 與 <p> 元素群組。

CSS：

div, p {
    background-color: skyblue;
}

HTML：

<h6>h6</h6>

<div>div</div>

<p>p</p>

div