CSS选择器

作者: 07120665a058 | 来源:发表于2016-11-04 23:20 被阅读31次

(一)CSS的语法规则

  • CSS选择器(selector),以及一条或多条** 声明 **组成,用冒号分开

  • 举例:selector {property: value}key-value的方式

(二)为什么会有选择器?

  • 选择器是匹配元素的一种模式,不只是在CSS中

(三)基本选择器

通配符选择器 *****
id选择器 #
类选择器  .
标签选择器 || 元素选择器 div
属性选择器 [attribute=value]
伪类选择器  
伪元素选择器

选择器 示例 描述
通配选择符 *{ } 选择所有的元素
ID选择器 #div{ } 选择ID为div的元素
类选择器 .div{ } 选择class为div的元素
标签选择器 div{} 选择所有div的元素
属性选择器 [title=web]{ } 选择所有title属性等于 web 的元素
伪类选择器 a:link{ } 未访问的链接
伪元素选择器 :before{ } 向元素的内容前面插入

(四)组合选择器

相关文章推荐:
CSS选择器大全
CSS选择器大全

相关文章

  • 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选择器分为以下...

  • CSS

    CSS规则 at 规则 CSS选择器 CSS选择器 继承与层叠 继承与层叠 CSS 属性 CSS 属性 CSS值 ...

网友评论

    本文标题:CSS选择器

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