CSS的几种选择器

作者: 孙静静 | 来源:发表于2017-08-17 21:20 被阅读15次

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

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

    通配选择器

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


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

    标签选择器

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


    类选择器:.类名称{  }

    在html中的样式 类选择器

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


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

    群组选择器

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


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

    后代选择器

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

    相关文章

      网友评论

      • 马大哈tt:写的好,排版也好,让人一目了然

      本文标题:CSS的几种选择器

      本文链接:https://www.haomeiwen.com/subject/ziwnrxtx.html