前面一篇文章我们介绍了css的几种引入方式,那么有人会疑惑,外部样式css是怎样和html中的标签产生关联的呢?这就是选择器存在的意义。这里我们先来介绍几种选择器:通配选择器,标签选择器,类选择器,群组选择器,后代选择器。
通配选择器:作用于html中所有标签
通配选择器就是说设置一个通配选择器,会对html中所有的标签起作用,这里不建议使用,因为潜规则中这是一个对代码的态度问题,使用通配选择器体现了对代码的不严谨性。
标签选择器:作用于一类标签,方式是通过标签名来找到相应的标签
标签选择器适用场景:重置某类标签的样式。
类选择器:.类名称{ }
在html中的样式 类选择器适用场景:可以应付各种场景,最常用的一种选择器,并且class名可以有多个,多个class名用空格隔开,主要用于具有相同样式的选择器。
群组选择器:选择器1,选择器2,...{ }
群组选择器适用场景:常用用于优化代码,减少文档体积。
后代选择器: 选择器1 选择器2 选择器3
后代选择器适用场景: 样式作用于最后一个选择器,前面选择器只是铺垫.
网友评论