CSS3學習筆記 復合選擇器

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
>

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...