开始

image.png

image.png

image.png

image.png
id选择器 就给变成了黄色。
image.png
也可以直接用view
image.png

image.png
和css的用法其实是一样的。
image.png
image.png

css3

image.png

image.png

image.png

image.png
加一个padding
image.png

image.png
nth-child选择器

image.png

image.png

如果在最上面加上其他的组件的话
image.png
image.png

改用nth-of-type

image.png
上面还是加上nth-child 加上对比。
image.png
把所有的nth-child和 of-type的都注释掉。
image.png
第一个和最后一个设置不同的样式
image.png

image.png
image.png
如果第一个是text呢
image.png
第一个没有生效，最后一个生效了。
image.png
first-of-type和last-of-type
image.png
第一个和最后一个 都有效果了
image.png

奇偶选择器

image.png
image.png

image.png

image.png

image.png

image.png

image.png

结束