第五周css笔记(二)

一，常用选择器

1，元素选择器

作用：根据标签来选中指定的元素

语法：标签吗｛｝

例：p｛｝，h1｛｝

 

2，id选择器

作用：根据元素的id属性值选定一个元素

语法：#id属性值｛｝

例：#box｛｝

 

ps：id不可以重复

3，类选择器

作用：根据元素的class属性值选中一组元素

语法：.class属性值｛｝

class：是一个标签的属性，他和id类似，但class可以重复使用，可以通过class属性来为元素分组。可以同时为一个元素指定多个class属性，多个class之间使用空格隔开

 

4，通配选择器

作用：选中页面中的所有元素

语法：*｛｝

二，复合选择器

1，交集选择器

作用：选中同时复合多个条件的元素

语法：选择器1选择器2选择器3选择器n｛｝

注意：交集选择器中若有元素选择器，必须使用元素选择器开头

2，选择器分组(并集选择器)

作用：同时选择多个选择器对应的元素

语法：选择器1，选择器2，选择器n｛｝

三，关系选择器

1，元素类型

①父元素：直接包含子元素的元素叫做父元素

②子元素：直接被父元素包含的元素为子元素

③祖先元素：直接或间接包含后代元素的元素叫做祖先元素，一个元素的父元素也是他的祖先元素

④后代元素：直接或间接被祖先元素包含的元素叫做后代元素，子元素也是后代元素

⑤兄弟元素：拥有相同父元素的元素是兄弟元素

2，子元素选择器

作用：选中指定父元素的指定子元素

语法：父元素＞子元素｛｝

3，后代元素选择器

作用：选中指定元素内的指定后代元素

语法：祖先 后代｛｝

4，兄弟元素选择器

①作用：选择下一个兄弟元素

语法：前一个+下一个｛｝

②作用：选中下面所有兄弟元素

语法：兄~弟｛｝