web学习:01-CSS3选择器(基本&属性)

1.基本选择器

1.1子元素选择器(直接后代选择器)


1654354-86cacd3c07b5dca1.png
1654354-2bce10a886d0c73b.png

1.2 相邻兄弟元素选择器


1654354-2274a1ff4c1f384d.png
1654354-cb41cee34d3937e2.png

1.3 通用兄弟选择器


1654354-35aa440a9ea78893.png

1654354-c76c12d612a60f56.png

1654354-c210d135d8f502e2.png

1.4群组选择器


1654354-af5aa1fd629c0e69.png

1654354-11382cfd350f7524.png

2.属性选择器

2.1 attribute


1654354-9beca14153640073.png

1654354-b35bc206510c89ed.png

//完全匹配值


1654354-36aa73a65fa0ec1d.png

1654354-a7d191e3fc538873.png

//包含匹配值
1654354-13ddee5e71bb2c3e.png

//开头匹配值


1654354-6a1b46ef180bba42.png

//结尾匹配值
1654354-61a5b1e662937298.png

// 包含字符串
1654354-14b461420c855482.png

1654354-9bc87633ae90c2ec.png

//包含头或者以字符开头
1654354-5abf806c4867dc67.png

1654354-6744e5f3f4fec411.png

3.伪类选择器

下一章

猜你喜欢

转载自blog.csdn.net/weixin_34378045/article/details/91024097
今日推荐