2021-04-29

HTML的选择器

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

作者：严万里の义父

撰写时间：2021/4/28

1. 元素选择器:通过选择html标签设置css样式

例如：

 

：直接选取到p标签。

1. 类选择器：通过设置class类设置css样式。

：class命名不能以数字开头！

1. ID选择器：通过设置ID来设置css样式。

：ID命名不能以数字开头！

1. 后代选择器。

：选择 div标签里面的所有子元素 为p标签。

1. 直接后代选择器。

：选取div标签里面的直接子元素p标签。

1. 相邻兄弟选择器。

：选择紧跟div标签的首个p标签。

1. 兄弟选择器。

：选择紧跟div标签的所有p标签。

8. 结构选择器

：还有其他选择器请参考w3c手册。