![[发呆]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_4.28b310a.png)
#1024一起掘金#
基础选择器:
*{ }:通配符选择器。选择所有的元素
E{ }:元素选择器。其中 E 为任何一个元素,如html、body、p、div等。
.class{ }:类选择器。定义时为class="classname",class值可以有多个,用空格隔开。
#id{ }:id选择器。定义时为id="idname",相同 id 只能有一个。
s1, s2, s3...sn{ }:群组选择器。一次性选择 多个选择器 所对应的元素。
s1s2s3...sn{ }:交集选择器。如选择 class 值为 hello 的 div 元素:div.hello{ }
关系选择器:
E F{ }:后代选择器。选择 E 元素的一个或多个和 F 相同的后代元素。
E>F{ }:子选择器。选择 E 元素的子元素 F。
E+F{ }:相邻兄弟选择器。选择紧挨着 E 元素的后一个兄弟 F 元素,如果 F 元素不是 E 元素的后一个兄弟元素,则选择不成功。
E~F{ }:兄弟选择器。选择 E 元素后面的所有 F 兄弟元素。
基础选择器:
*{ }:通配符选择器。选择所有的元素
E{ }:元素选择器。其中 E 为任何一个元素,如html、body、p、div等。
.class{ }:类选择器。定义时为class="classname",class值可以有多个,用空格隔开。
#id{ }:id选择器。定义时为id="idname",相同 id 只能有一个。
s1, s2, s3...sn{ }:群组选择器。一次性选择 多个选择器 所对应的元素。
s1s2s3...sn{ }:交集选择器。如选择 class 值为 hello 的 div 元素:div.hello{ }
关系选择器:
E F{ }:后代选择器。选择 E 元素的一个或多个和 F 相同的后代元素。
E>F{ }:子选择器。选择 E 元素的子元素 F。
E+F{ }:相邻兄弟选择器。选择紧挨着 E 元素的后一个兄弟 F 元素,如果 F 元素不是 E 元素的后一个兄弟元素,则选择不成功。
E~F{ }:兄弟选择器。选择 E 元素后面的所有 F 兄弟元素。
展开
评论
1
![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)