一, CSS 选择器的作用
选择器 (选择符) 就是根据不同需求把不同的 标签选出来, 这就是选择器的作用. 简单来说, 就是选择标签用的
二, 选择器分类
选择器分为基础选择器和复合选择器两个大类,
基础选择器是由单个选择器组成的
基础选择器又包括: 标签选择器, 类选择器, id 选择器和通配符选择器
1, 标签选择器
标签选择器 (元素选择器) 是指用 html 标签名称作为选择器, 按标签名称分类, 为页面中某一类标签指定统一的 CSS 样式
作用
标签选择器可以把某一类标签全部选择出来.
优点
能快速为页面中同类型的标签统一设置样式
缺点
不能设计差异化样式, 只能选择全部的当前标签
2, 类选择器
如果想要差异化选择不同的标签, 单独选一个或者某几个标签, 可以使用类选择器.
类选择器口诀: 样式点定义 结构类 (class) 调用 一个或多个 开发最常用
类选择器在 HTML 中以 class 属性表示, 在 CSS 中, 类选择器以一个点 "." 号显示
注意
类选择器使用 "."(英文点号)进行标识, 后面紧跟类名(自定义, 我们自己命名的)
可以理解为给这个标签起了一个名字, 来表示.
长名称或词组可以使用中横线来为选择器命名.
不要使用纯数字, 中文等命名, 尽量使用英文字母来表示.
类选择器 - 多类名
我们可以给一个标签指定多个类名, 从而达到更多的选择目的. 这些类名都可以选出这个标签
简单理解就是一个标签有多个名字.
使用场景
可以把一些标签元素相同的样式 (共同的部分) 放到一个类里面
这些标签都可以调用这个公共的类, 然后再调用自己独有的类
从而节省 CSS 代码, 同意修改也非常方便.
3,id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式.
HTML 元素以 id 属性来设置 id 选择器, CSS 中 id 选择器以 "#" 来定义.
id 选择器的口诀: 样式 #定义, 结构 id 调用, 只能调用一次, 别人切勿使用.
id 选择器和类选择器的区别
类选择器好比人的名字, 一个人可以有多个名字, 同时一个名字也可以被多个人使用.
id 选择器好比人的身份证号码, 全中国是唯一的, 不得重复.
id 选择器和类选择器最大的不同在于使用次数上.
类选择器在修改样式中用的最多, id 选择器一般用于页面唯一性的元素上, 经常和 JavaScript 搭配使用.
4, 通配符选择器
在 CSS 中, 通配符选择器使用 "*" 定义, 它表示选取页面中所有元素(标签).
通配符选择器不需要调用, 自动就给所有的元素使用样式
特殊情况下才使用, 清除所有的元素标签的内外边距.
来源: http://www.bubuko.com/infodetail-3415733.html