css选择器

css基本选择器
  • type 选择器,元素类型选择器 div{}
  • ID 选择器 #id {}
  • class 选择器 className {}
css属性选择器
  • E[foo]
  • E[foo='bar']
  • E[foo^='bar']
  • E[foo$='bar']
上下文选择器
  • e1 e2 后代选择器
  • e1>e2 选择子元素
  • e1 ~e2 兄弟选择器
  • e1 + e2
    • 通配符
伪类选择器
  • 结构化的伪类选择器 e:first-child e:last-child e:nth-child(2)
  • ui伪类选择器 a:visited
伪元素选择器
  • E:first-letter 选择每个E元素的首字母
  • E:first-line 选择每个E元素的首行
  • E:before
  • E:after
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 1,878评论 0 5
  • 转载自牢记31种CSS选择器用法 1 * 星号选择器用于选取页面中的所有元素,可用于快速清除所有元素的 margi...
    Icestains阅读 1,290评论 0 1
  • 一、CSS选择器常见的有几种? 基本选择器 通配选择器~选择文档中所有的html元素,用一个*表示 元素选择器~选...
    dengpan阅读 982评论 0 3
  • CSS选择器结构逻辑图 接下来按照结构逻辑图具体讲解各个选择器的作用及用法; 基本选择器 基本选择器主要有以下5类...
    FoolishFlyFox阅读 581评论 0 8
  • 1.class 和 id 的使用场景? 类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用,也...
    草鞋弟阅读 2,493评论 0 1