CSS的几种选择器

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

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

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

通配选择器

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


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

标签选择器

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


类选择器:.类名称{  }

在html中的样式 类选择器

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


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

群组选择器

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


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

后代选择器

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

相关文章

  • css选择器

    CSS选择器常见的有几种? id选择器 #name{}...

  • CSS选择器基础

    CSS选择器常见的有几种? ID选择器#content {css样式} 权限高,慎用 类选择器.conten...

  • 1、CSS选择器常见的有几种? ①#id,ID选择器,在css样式是#开头的。 ②.class,class选择器,...

  • 第八弹-CSS选择器

    一、CSS选择器常见的有几种? 常见选择器有如下几种: 1. 基础选择器: 2. 组合选择器: 3. 属性选择...

  • CSS选择器

    一、CSS选择器常见的有几种? 1. 基础选择器 2. 组合选择器 3. 属性选择器 4. 伪元素 参考:CSS ...

  • 关于 CSS选择器

    1.CSS选择器常见的有几种? 基础选择器 组合选择器 属性选择器 伪类选择器 伪元素选择器1.课件2.css选择...

  • 任务8

    问答 CSS选择器常见的有几种?选择器的作用是匹配页面元素后赋予css样式选择器分为基础选择器1.1. * 所有...

  • css选择器

    1.css选择器常见的有几种? css选择器常见的有5种。1.基础选择器基础选择器有id选择器、类选择器、通用元素...

  • CSS选择器

    一. CSS选择器常见的有几种? CSS选择器: 1. 通配选择器: 这种选择器在全局属性设置中比较常见,用途不多...

  • CSS selector

    CSS选择器常见的有几种?元素选择器,p {}后代选择器,p a {}id选择器,#header {}类选择器,....

网友评论

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

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

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