美文网首页
选择器的应用

选择器的应用

作者: 紫罗兰丶 | 来源:发表于2018-06-13 10:30 被阅读0次

常用的选择器分为以下几类: 

1.标签选择器:此种选择器影响范围大,建议尽量应用在层级选择器中。

2.id选择器:通过id名来选择元素,元素的id名称不能重复,所以一个样式设置项只能对应于页面上一个元素,不能复用,id名一般给程序使用,所以不推荐使用id作为选择器。

3.类选择器:一个类可应用于多个元素,一个元素上也可以使用多个类,应用灵活,可复用,是css中应用最多的一种选择器。

4.层级选择器:主要应用在选择父元素下的子元素,或者子元素下面的子元素,可与标签元素结合使用,减少命名,同时也可以通过层级,防止命名冲突。

5.组选择器:多个选择器,如果有同样的样式设置,可以使用组选择器。

6.伪类元素选择器:表示鼠标悬浮在元素上时的状态,伪元素选择器有before和after,它们可以通过样式在元素中插入内容。

相关文章

  • 复合选择器(交集、后代、子代、并集)

    1、交集选择器 2、后代选择器 3、子代选择器 4、并集选择器 5、综合应用

  • CSS选择器

    css选择器 常用的选择器有如下几种: 1、标签选择器 标签选择器,此种选择器影响范围大,建议尽量应用在层级选择器...

  • css选择器

    常用选择器总结: 1.标签选择器 标签选择器,此种选择器影响范围大,建议尽量应用在层级选择器中。 2.id选择器 ...

  • CSS

    CSS 选择器 类选择器 .class ID选择器 #idName 相同点可以应用于任何元素 区别 ID选择器为唯...

  • CSS

    选择器分类 **标签选择器:** 指代(对应)网页中的所有该标签都应用其中的属性设置。 **类选择器:** 指代(...

  • 选择器的应用

    常用的选择器分为以下几类: 1.标签选择器:此种选择器影响范围大,建议尽量应用在层级选择器中。 2.id选择器:通...

  • 前端开发之CSS(选择器-其他选择器)

    伪元素选择器 第一个字母 伪元素选择器应用于被用户选中的内容 组合选择器 后代选择器 子选择器 兄弟选择器 htm...

  • CSS选择器、层叠和特殊性、继承

    CSS选择器、层叠和特殊性、继承 CSS通过选择器将样式应用于特定的HTML元素。 选择器种类 基本选择器元素选择...

  • 选择器的使用

    外部样式引入: 类选择器:“.”+类名,应用到所有该类中的元素。id选择器:“#”+id名,应用到拥有该id的元素...

  • CSS选择器

    标签选择器 以html标签作为选择器: 通过标签选择器设置样式,所有使用该标签的内容都应用该样式。 类选择器 为h...

网友评论

      本文标题:选择器的应用

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