`
xpenxpen
  • 浏览: 725031 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

CSS选择器和声明的语法

    博客分类:
  • CSS
css 
阅读更多
原文http://www.ibm.com/developerworks/cn/web/1009_chengfu_dojocss/index.html

选择器和声明

选择器(selector)定义了一种模式匹配规则,用来选择当前文档中的元素。符合规则的元素将被应用上与该选择器对应的样式声明。

    通用选择器(*):匹配文档中的任意元素。
    元素类型选择器:匹配文档中的某类元素。如 span匹配文档中所有的 span元素。
    后代选择器:匹配作为特定元素的后代出现的元素。比如 div span匹配包含在 div元素中的 span元素。
    直接后代选择器:匹配作为特定元素的直接后代出现的元素。比如 div > span匹配父节点是 div元素的 span元素。
    相邻兄弟元素选择器:匹配与特定元素有相同父节点,并且直接出现在该元素后面的元素。比如 div + span匹配与 div元素父节点相同,并且直接出现在 div元素之后的 span元素。
    属性选择器:匹配属性值满足某些条件的元素。如 div[title]匹配有 title属性的 div元素;div[title=Header]匹配 title属性的值为 Header的 div元素。
    类选择器:匹配包含某个 CSS 类的元素。如 .header匹配包含了 CSS 类 header的元素。类选择器实际上是属性选择器的一种,是根据属性 class的值来进行选择的。
    ID 选择器:匹配指定 ID 属性值的元素。如 #myDiv匹配 ID 为 myDiv的元素。
    伪元素和伪类选择器:匹配一些无法根据其在文档树中的位置来定位的元素。常用的伪元素选择器有::first-line匹配段落中的第一行;:first-letter匹配块中第一行的第一个字母。常用的伪类选择器有::link和 :visited分别匹配没有访问过的和已经访问过的链接;:hover匹配当前鼠标悬浮其上的元素;:active匹配当前被用户激活的元素;:focus匹配当前有输入焦点的元素。

声明是 CSS 中样式属性的名值对,其形式是“属性名称 : 属性值”。如声明“font-color : red”把样式 font-color的值设为 red。
分享到:
评论

相关推荐

    CSS基本选择器实用PPT课件.pptx

    本资源摘要信息将着重介绍 CSS 基本选择器的概念、语法和应用,旨在帮助学习者快速掌握 CSS 基本选择器的使用和应用。 一、CSS 概念和语法 CSS 全称为 Cascading Style Sheet,即层叠样式表。它的主要作用是实现...

    java视屏\6.WEBBASIC\2.CSS概述 、 CSS语法 、 CSS选择器 、 CSS声明.mp4

    java视屏\6.WEBBASIC\2.CSS概述 、 CSS语法 、 CSS选择器 、 CSS声明.mp4

    css选择器的应用

    ### CSS选择器的应用 #### CSS概述与引入方式 CSS(层叠样式表)是一种用于定义HTML文档中元素样式的语言。它允许开发者控制网页布局、颜色、字体等外观特性,从而增强网页的表现力。CSS可以通过多种方式引入: -...

    CSS属性选择器详解.pdf

    CSS属性选择器详解 CSS中的属性选择器是一种强大的选择器,允许开发者根据HTML元素的属性值来选择元素。今天,我们将深入探讨CSS...通过掌握属性选择器的基本语法和高级语法,开发者可以轻松地选择和样式化HTML元素。

    CSS语法

    CSS选择器 - **类型选择器**:如`p`、`div`等,选择所有这种类型的元素。 - **ID选择器**:用`#`标识,如`#header`,选择具有特定ID的元素。 - **类选择器**:用`.`标识,如`.highlight`,选择具有特定类的元素。 ...

    css选择器 的概要介绍与分析

    - **MDN Web Docs**:Mozilla提供的MDN Web Docs是学习CSS选择器最权威的资源之一,它包含了详尽的选择器列表、语法说明和示例。 - **W3Schools**:W3Schools提供了简单易懂的CSS选择器教程,适合初学者快速入门。 ...

    scrapy爬虫下的CSS选择器使用

    通过熟悉各种选择器语法和方法,你可以更有效地构建Scrapy爬虫项目,实现对网络数据的自动化抓取和处理。在实践中,结合其他Scrapy特性,如请求调度、中间件、下载延迟等,可以构建出强大而灵活的网络爬虫系统。

    它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度

    标题中的“它使用仿CSS选择器的语法来生成代码”指的是Emmet,这是一个非常流行的Web开发工具,尤其在HTML和CSS编码中广泛使用。Emmet通过简化和加速编写复杂的HTML结构和CSS规则来提高开发效率。它允许开发者使用...

    CSS基本选择器实用PPT学习教案.pptx

    本学习教案主要介绍了 CSS 基本选择器的概念、语法和应用,旨在帮助学生掌握基本的 CSS 选择器,并实践于个人主页项目中。 一、CSS 概念和语法 CSS(Cascading Style Sheets)是用来控制网页样式和布局的标记语言...

    CSS+HTML+JAVASCRIPT语法

    CSS规则由选择器和声明组成,例如`.myClass {color: red;}`选择具有类名`myClass`的元素并将其文本颜色设置为红色。CSS3引入了更多特效,如渐变、阴影、动画、Flexbox(弹性盒布局)和Grid布局,使网页设计更加丰富...

    CSS3选择器总结CSS3选择器总结

    CSS选择器可以分为多种类型,包括id选择器、类选择器、标签选择器、交叉选择器、群组选择器、后代选择器和通用选择器。 - id选择器:通过元素的id属性来选择特定元素,使用#符号加上id名作为选择器(如#idname)。 ...

    CSS:CSS基础语法与选择器.docx

    CSS:CSS基础语法与选择器.docx

    Go-Go的CSS选择器

    总结来说,Go-Go的CSS选择器是Go语言中处理HTML文档的强大工具,它使得开发者能够利用熟悉的CSS语法来定位和操作HTML元素,大大简化了相关任务的实现。结合`golang.org/x/net/html`包提供的HTML解析功能,我们可以...

    Css选择器_案例】仿当当网首页

    CSS选择器是用于HTML文档中选择元素并应用样式的语法。它们是CSS的基础,允许开发者控制页面上不同部分的表现形式。在本案例中,通过仿制当当网首页,我们可以学习到CSS选择器的使用、样式的继承、样式的优先级、...

    前端必须掌握30个CSS3选择器

    本文将详细介绍30个前端必须掌握的CSS3选择器,并对每个选择器的功能、语法以及应用场景进行详尽解析。 ### 1. 基础选择器 #### 1.1 类选择器(.classname) **功能:** 用于匹配具有指定类名的所有元素。 **语法...

    CSS基本语法1

    CSS 基本语法 1 CSS(Cascading Style Sheets)是网站页面样式的基础语言,用于控制网页的布局、颜色、字体、图片等外观...CSS 基本语法 1 介绍了选择器、声明块和声明的概念,了解这些基本概念是学习 CSS 的基础。

    CSS的基本语法.rar

    7. **选择器的优先级**:CSS的优先级由选择器的特殊性决定,ID选择器 > 类选择器 > 标签选择器,内联样式(如`style`属性)的优先级最高。 8. **层叠(Cascading)**:CSS的“层叠”特性意味着样式可以继承自父元素...

    web开发——CSS属性选择器.docx

    CSS 属性选择器是 CSS 中一种强大的选择器,允许开发者根据 HTML 元素的属性和值来设置样式。下面是 CSS 属性选择器的详细知识点: 什么是 CSS 属性选择器? CSS 属性选择器是一种选择器,它可以根据 HTML 元素的...

Global site tag (gtag.js) - Google Analytics