CSS 选择器

1.HTML 选择器

例:p{ text-indent: 3em}

2.类选择器

指定元素:p.dark-row { background-color:#FFFFFF }

所有元素:.dark-row { background-color:#FFFFFF }

3.ID 选择器

在 HTML 中,id 属性制定了某个单一元素,id 选择器用于对这个单一元素定义单独的样式。

例:#main { text-indent: 3em }

4.关联选择器

关联选择器不过是一个用空格隔开的两个或更多的单一选择器组成的字符串。

只有在表格 table 的 a 标签会改变样式:table a { color: red }

5.组合选择器

为了减少样式表的重复声明,使用英文逗号隔开选择器就可以了。

例:h1,h2,h3,h4 { color:red }

6.伪元素选择器

伪元素选择器是指对于同一个 html 元素不同状态的一种定义方式。

例: 

a:link { color: red }

a:hover { color: yellow }


优先级:关联选择器>ID选择器>类选择器>HTML 选择器

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.CSS 元素选择器 最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 H...
    饥人谷_小侯阅读 888评论 0 1
  • CSS选择器常见的有几种? 类型选择器(元素选择器): 后代选择器 上述选择器适用于那些应用范围广的一般样式。 I...
    coolheadedY阅读 595评论 1 2
  • 一、CSS选择器常见的有几种? 基本选择器 通配选择器~选择文档中所有的html元素,用一个*表示 元素选择器~选...
    dengpan阅读 981评论 0 3
  • 一、基础选择器 1、标签选择器 标签选择器:标签名是什么就直接写什么,其他任何符号都不要书写。 标签选择器可以选中...
    落崖惊风yxy阅读 626评论 0 0
  • 1、样式表中的每条规则都有两个主要部分:选 择 器(selector) 和声 明 块(declaration...
    xfnibuzd520阅读 549评论 0 0