美文网首页
基础选择器

基础选择器

作者: 老乌尘 | 来源:发表于2020-03-08 21:48 被阅读0次

【基础选择器】

ID选择器:效率最高,特异性高,唯一 / #ID{}

类选择器:效率不错,跟ID选择器不会有太大差异,推荐使用 / .list-item{}

通配选择器:效率不高,不建议使用 / *{}

标签选择器:效率不是很高,比通配好点 / h1{}

属性选择器:效率不高,但是灵活,使用的时候要设置生效的范围,比如 a[href] / .link[href]

1.[herf]

2.[attr = xxx] // 注:xxx 必须跟 HTML 完全相等

3.[attr |= xxx] //注:用于对 xxx 和 xxx 一起使用,但不会对下划线 _ 生效

4.[attr ^= xxx] //注:只要是 xxx 开头的都可以,实际上是用正则匹配属性值

5.[attr $= xxx] //注:跟 ^=xxx 相似,正则匹配的方式来选择属性以x

xx结尾元素

6.[attr *= xxx] //注:最宽的,不用考虑属性所在的位置

相关文章

  • CSS 学习总结

    CSS 选择器 { 样式 } 选择器:基础选择器(单个选择器物),复合选择器物 基础选择器:标签选择器,类选择器,...

  • CSS基础选择器

    选择器分为基础选择器和复合选择器两个大类。 *基础选择器是由单个选择器组成的 *基础选择器又包括:标签选择器、类选...

  • CSS的基础知识

    选择器使用: 可以分为:基础选择器和高级选择器(复合选择器) 基础选择器:标签选择器、类选择器、id选择器 高级选...

  • css基础知识

    选择器使用: 可以分为:基础选择器和高级选择器(复合选择器) 基础选择器:标签选择器、类选择器、id选择器 高级选...

  • css(二):css基础

    一.选择器 五种:基础选择器,组合选择器,属性选择器,伪元素选择器,伪类选择器。 基础选择器 组合选择器 属性选择...

  • CSS学习笔记[2]——CSS选择器

    选择器类型 基础选择器 组合选择器 属性选择器 伪类选择器 伪元素选择器 基础选择器 * ;通用选择器,匹配页面任...

  • css选择器

    一,CSS选择器常见的有几种? 答: 基础选择器 组合选择器 属性选择器 伪类选择器 伪元素选择器 基础选择器 组...

  • 009 CSS选择器

    CSS选择器 一、基础选择器 1、通配选择器 2、标签选择器 3、类选择器 4、id选择器 二、基础选择器优先级 ...

  • 伪类,伪元素和组合,css各类选择器解析

    css选择器可分为几个大类: 基础选择器 伪类选择器 属性选择器 伪元素选择器 多元素组合选择器 一、基础选择器 ...

  • CSS复合选择器

    复合选择器是建立在基础选择器之上,将基础选择器组合到一起。 常用的复合选择器包括:后代选择器、子选择器、并集选择器...

网友评论

      本文标题:基础选择器

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