lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
>
/* 為div的子元素span設定乙個字型顏色紅色
（為div直接包含的span設定乙個字型顏色）
子元素選擇器：
作用：選中指定父元素的指定子元素
語法：父元素》子元素
*//* div>span */
/* 後代選擇器：
作用：選中指定元素內的指定後代元素
語法：祖先 後代
*//* div span */
/* 兄弟選擇器
選擇下乙個兄弟
*//* p+div */
/* 選擇下邊所有的兄弟 */
/* div+div~span */
style
>
head
>
>
>
我是乙個div
>
我是div中的spanspan
>
>
我是div中的p元素
>
我是p元素中的spanspan
>
p>
>
我是div中的divdiv
>
div>
>
第二個div
div>
>
我是div外的span
span
>
>
>
我是div外的第二個span
span
>
>
第三個divdiv
>
body
>
html
>
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...
CSS3學習筆記 選擇器
類選擇器 class classname classname 選取class為classname的元素 p.chassname 選取p標籤中class為classname的元素 classname1.classname2 選取同時擁有.classname1和.classname2的元素 id選擇器 ...