前端工程师养成记

CSS的几种选择器

2017-08-17  本文已影响15人  孙静静

       前面一篇文章我们介绍了css的几种引入方式,那么有人会疑惑,外部样式css是怎样和html中的标签产生关联的呢?这就是选择器存在的意义。这里我们先来介绍几种选择器:通配选择器,标签选择器,类选择器,群组选择器,后代选择器。

通配选择器:作用于html中所有标签

通配选择器

就是说设置一个通配选择器,会对html中所有的标签起作用,这里不建议使用,因为潜规则中这是一个对代码的态度问题,使用通配选择器体现了对代码的不严谨性。


标签选择器:作用于一类标签,方式是通过标签名来找到相应的标签

标签选择器

适用场景:重置某类标签的样式。


类选择器:.类名称{  }

在html中的样式 类选择器

适用场景:可以应付各种场景,最常用的一种选择器,并且class名可以有多个,多个class名用空格隔开,主要用于具有相同样式的选择器。


群组选择器:选择器1,选择器2,...{  }

群组选择器

适用场景:常用用于优化代码,减少文档体积。


后代选择器: 选择器1 选择器2 选择器3

后代选择器

适用场景: 样式作用于最后一个选择器,前面选择器只是铺垫.

上一篇下一篇

猜你喜欢

热点阅读