CSS3學習筆記 復合選擇器

2021-10-13 02:00:16 字數 933 閱讀 5443

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

documenttitle

>

>

/* 將class為red的元素設定為紅色(字型) */

.red

/* 將class為red的div字型大小設定為30px */

/* 交集選擇器

作用:選中同時復合多個條件的元素

語法:選擇器1.選擇器2.選擇器n{}

注意點:

如果交集選擇器中有元素選擇器,必須使用元素選擇器開頭

*/div.red

/* 選擇器分組(並集選擇器)

作用:同時選擇多個選擇器對應的元素

語法:選擇器1,選擇器2,選擇器n{}

*/h1,span

style

>

head

>

>

class

="red"

>

我是divdiv

>

class

="red"

>

我是p元素p

>

>

我是div2div

>

>

標題h1

>

>

哈哈span

>

body

>

html

>

本筆記是**尚矽谷html5+css3時所作,僅供參考!

CSS3復合選擇器

後代選擇器 1.後代選擇器又叫包含選擇器 作用是用來選擇元素或元素組的子孫後代 寫的時候就是把外層標籤寫在前面,裡面的寫在後面,用空格分隔 子元素選擇器 寫法是 父級標籤寫在前面,子級寫在後面,中間用乙個 進行連線 交集選擇器 交集選擇器由倆個選擇器構成,找到的標籤要滿足標籤一和標籤二的特點 並集選...

css3學習筆記 css3選擇器

e attr 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 css ul,li lihtml class linksitem id...

CSS3學習筆記 選擇器

css3 選擇器 1.1屬性選擇器 e attr value 指定屬性名,找到以value開頭的屬性值 e attr value 指定屬性名,找到以value結尾的屬性值 e attr value 指定屬性名,找到包含value開頭的屬性值 1.2為類選擇器 1.2.1 使用者介面相關的 e ena...