美文网首页
2017-12-31-WEB预习第二天-CSS选择器

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

作者: 胸怀大海的小鱼缸 | 来源:发表于2017-12-31 11:59 被阅读0次
选择器分类

类选择器

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

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

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

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

属性选择器
子元素的伪类

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


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

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


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

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

相关文章

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

    类选择器class属性可以重复,通过多个class为元素设置样式。不同类名用空格隔开。(在一个引号中)疑问:不同c...

  • CSS选择器

    CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...

  • CSS选择器

    目录: CSS派生选择器 CSS元素选择器 CSS Id 和 Class选择器 CSS 属性选择器 CSS 派生选...

  • css选择器

    css选择器】 1.css属性选择器 2.css伪类选择器 3.css层次选择器

  • CSS 选择器

    CSS 选择器 CSS 基本选择器及其扩展 CSS 基本选择器 通配符选择器 * 元素选择器 使用标签的名称...

  • Sublime 学习web的css

    html + css + js css引用 css外部样式 css优先级 css的选择器 标签选择器 类选择器 i...

  • CSS选择器

    CSS选择器的作用 CSS 选择器用于定位我们想要给予样式的 HTML 元素。 CSS选择器的类型 CSS选择器大...

  • JQuery CSS选择器

    CSS普通选择器 选择器函数 CSS伪类选择器

  • CSS-选择器1-概述

    CSS选择器-系列文章 CSS选择器-系列文章下一节 CSS选择器2-类选择器CSS3参考手册

  • CSS选择器、优先级以及!important知识总结

    一、CSS选择器 关于CSS选择器,首先请看这里:CSS 选择器参考手册 通过以上,我们可以将CSS选择器分为以下...

网友评论

      本文标题:2017-12-31-WEB预习第二天-CSS选择器

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