选择器

122 阅读1分钟

1.选择器的作用(重点)

选择器的作用:找到特定的HTML页面元素 图片.png

2.CSS基础选择器

2.1标签选择器

  • 概念:标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。
  • 语法:

图片.png

  • 优点;是能快速为页面中同类型的标签统一样式
  • 缺点:不能设计差异化样式
  • 例如: 图片.png

2.2类选择器

  • 类选择器使用"."(英文点号)进行标识,后面紧跟类名
  • 语法:

图片.png

图片.png

  • 优点:可以为元素对象定义单独或相同的样式。可以选择一个或者多个标签
  • 注意: 图片.png

2.3类选择器特殊用法-多类名

定义:标签指定多个类名,从而达到更多的选择目的

2.4id选择器

  • 定义:id选择器使用进行标识,后面紧跟id名
  • 基本语法格式:

图片.png

图片.png

  • id选择器和类选择器区别

图片.png

2.5通配符选择器

  • 概念:通配符选择器用*号表示,*就是所有的,他是所有选择器中作用范围最广的,能匹配页面中所有的元素
  • 基本语法格式:

图片.png

2.6基础选择器总结

图片.png

2.7团队约定

图片.png