HTML-02day

1、a的伪装

image.png

2、内联样式

image.png

3、内联样式表

image.png

4、CSS语法

image.png

5、选择器

image.png

6、常用选择器

image.png

7、否定伪装

image.png

8、复合选择器

image.png

9、块和内联

image.png

10、类选择

image.png

11、群组选择器

image.png

12、属性选择器

image.png

13、通配选择器

image.png

14、伪类选择器

image.png

15、伪元素

image.png

16、兄弟元素选择器

image.png

17、选择器的优先级

image.png

18、样式表

image.png

19、样式的继承

image.png

20、元素选择器

image.png

21、子元素选择器

image.png

22、子元素和后代元素选择器

image.png
一 plate plate元素
二 bento bento元素
三 #fancy id为fancy的元素
四 plate apple plate祖先元素下的apple后代元素
五 #fancy pickle id为#fancy的祖先元素下的pickle后代元素
六 .small 组为small的元素
七 orange.small 组为small的orange元素
八 bento>orange.small bento父元素下的组为small的orange子元素
九 plate,bento,div plate,bento兄弟元素在div元素中
十 * 代表所有元素
十一 plate> plate父元素的所有ziyuansu
十二 plate + apple 兄弟元素选择器，plate元素的后一个元素
十三 bento~pickle 兄弟元素选择器,bento元素后的多个pickle元素
十四 plate>apple plate父元素下的apple子元素
十五 plate orange:first-child 子元素选择器，plate元素下的第一个orange元素
十六 plate :only-child plate里只有一个