首先,什么是选择器?选择器就是通过标签选择一类元素进行控制,常用于HTML等语言中。
css中的选择器种类有很多,下面介绍的是几种常见的基本选择器:通配符选择器,类选择器,ID选择器,标签选择器,后代选择器,子代选择器,属性选择器。
当多个选择器同时对同一块内容进行编辑时使用那种选择器呢?这就引出了另一个概念:权重。权重越高,样式就会被优先使用。
<!--权重,权值: 行内1000 ID100 class10 标签1 -->
- 通配符选择器,用“ * ”来表示,用来选中所有元素,但在企业开发中一般不会使用通配符选择器,而有些表单、新闻详情这类简单、干净、一致的页面会有全局设置,目的就是看起来简洁、整齐。
2.类选择器,用“ . ”来表示,用来独立规范HTML中的一类元素,该选择器可以单独使用,也可以与其他元素结合使用,是比较常用的选择器之一。
单独使用时:如果你想让aaa类元素的背景为粉红色,你就可以这样设置:
和其它元素结合使用: p.important 解释为:“其 class 属性值为 important 的所有段落”。 但如果此段落中有一个h1元素,因为h1 元素不是段落,这个规则的选择器就与之不匹配,因此 h1 元素不会变成红色文本。
3.ID选择器,用“ # ”表示,id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
ID选择器有以下几点需要注意:
一. ID,就像你的QQ号一样,是唯一的,每个ID选择器的名不能重复,但是class类名可以重复。
二. id选择器不能像类选择器一样多个合并使用,一个元素只能命名一个id名。
三. 可以在不同文档中使用同一个ID名,但前提是每个文档中不能有重复的ID名。
4.标签选择器,标签选择器又叫元素选择器:文档的元素就是最基本的选择器。
例如:使li标签的字体颜色变为红色。
5.后代选择器,注意与子代选择器区分,两者非常类似。
就好像是一个辈分问题,给类名为nav元素里的a元素设定格式
6.子代选择器,给类名为nav元素里符合子元素的a元素设定格式。
7.可以为拥有指定属性的 HTML 元素设置样式;属性选择器通过 []
来定义,[]
内部为元素的属性。
id和类本质上就是精确属性值选择器,