css之常见选择器总结

css三种引入方式

1 内联式

2 外联式

3 嵌入式

选择器

• 标签选择器

• id选择器 #id{}

• 类选择器 .class{}

• 通配符选择器 *{}

• 交集选择器

  • 作用：选中同时复合多个条件的元素
  • div .class {}; 没有逗号链接
  • 元素选择器开头

• 并集选择器

  • 作用：或则使用
  • .p1,.p2{}

• 父元素

• 子元素

  • 子元素选择器 div>span{} div的子代span

• 祖先元素

• 后代元素

  • **后代选择器 **
    • div span{} div内所有的span
    • div>p>span div的孙子span

• 兄弟元素