2017-12-31-WEB预习第二天-CSS选择器

选择器分类

类选择器

  • class属性可以重复,通过多个class为元素设置样式。
  • 不同类名用空格隔开。(在一个引号中)
    疑问:不同class冲突的情况如何处理?

选择器分组(并集选择器)

  • 通过选择器分组可以同时选中多个选择器对应的元素。
  • 语法:选择器1,选择器2,选择器N{}
伪类

hover和active也可以为其它元素设置。(IE6中不支持)
first-letter及下面的都是伪元素。

属性选择器

子元素的伪类

不同的选择器是可以结合使用的。


兄弟元素选择器

选取后一个紧挨着的兄弟元素(隔着都不算)。
否定伪类

样式的继承

背景颜色默认值是透明的。


image.png

并集选择器的优先级单独计算。

伪类的顺序
按写入代码的顺序,
所以一些会重合的状态要考虑好重要性再决定写入状态。
link,visited,hover,active。

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

推荐阅读更多精彩内容

  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 1,864评论 0 5
  • 1.CSS 元素选择器 最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 H...
    饥人谷_小侯阅读 880评论 0 1
  • 1. class 和 id 的使用场景: id:id选择器,使用#name定义(name为id名,可任意取名),使...
    石林涛阅读 385评论 0 1
  • class 和 id 的使用场景? class 重在样式的复用,重普遍性。id重在划分样式区域,可以作为样式表中的...
    南山码农阅读 386评论 0 0
  • 1.class 和 id 的使用场景? 多个标签可以使用同一个class,一个id只能对应一个标签 2.CSS选择...
    molly的红草帽阅读 372评论 0 0