关系选择器和属性选择器

html里的关系

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

祖先元素:直接或间接包含后代元素的元素叫做祖先元素。一个元素的父元素也是它的祖先元素。

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

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

 

子元素选择器

作用:选中指定父元素的指定子元素。

语法:父元素>子元素

后代元素选择器:

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

语法:祖先  后代

兄弟元素选择器

作用:选择下一个兄弟

语法:前一个  ➕   下一个

~

作用:选择下边所有的兄弟

语法:兄~弟

 

上述三种选择器一定要按照语法来，不然不会有效果

 

属性选择器

[属性名]：选择指定属性的元素

[属性名＝属性值]：选择含有指定属性和属性值的元素

[属性名^＝属性值]：选择属性值以指定值开头的元素

^＝(意思就是以……开头)

[属性名$＝属性值]：选择属性值以指定值结尾的元素

[属性名*＝属性值]：选择属性值中含有某值的元素