HTML入门第五天之15种选择器的理论逻辑

15种选择器的理论逻辑

标签选择器

选择对应标签

*通配符选择器

适用于全部标签

id选择器

选择对应id

类名选择器

选择对应类名

逗号选择器

满足逗号左边右边都算

空格选择器

满足嵌套关系

• 空格后是子孙元素

大于号选择器

满足嵌套关系

• 其后是子元素

  • 空格后是子元素

加号选择器

满足并列关系

• 俩元素相近

波浪号选择器

满足并列关系

• 号后所有满足元素

[属性名]{}

拥有属性名的标签

[属性名=“val”]{}

拥有属性名且值为val的标签

[属性名^=“val”]{}

拥有属性名且值为以val开头的标签

[属性名$=“val”]{}

拥有属性名且值为以val结尾的标签

[属性名*=“val”]{}

拥有属性名且值为含有val字符串的标签

[属性名~=“val”]{}

拥有属性名且其中一个值为val的标签