原文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。
分享到:
相关推荐
java视屏\6.WEBBASIC\2.CSS概述 、 CSS语法 、 CSS选择器 、 CSS声明.mp4
brackets-emmet-1.2.2 它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度 让web开发代码飞起来
定义标签选择器的语法格式 使用标签选择器的语法格式 标签选择器名{属性:值;} <标签名>…标签名> 2 标签选择器 2 编写CSS使得表格显示下面的样式。 font-size:25px; color:red; font-size:30px; background-color:...
CSS选择器分类汇总,里面包含CSS所有的选择器的使用语法和例子描述。一个思维导图分类汇总了所有CSS选择器,还有表格等文档。
CSS中常用的伪元素选择器有:before伪元素选择器和:after伪元素选择器 :before选择器 :after选择器 :before选择器 描述 :before伪元素选择器用于在被选元素的内容前面插入内容。 语法格式 E:before{ content:文字/url...
CSS3选择器--关系选择器 关系选择器 01 子代选择器(>) 子代选择器主要用来选择某个元素的第一级子元素。 定义 语法结构 E>F{ CSS样式属性 } 说明 选择所有作为E元素的子元素F。 子代选择器(>) 示例:设置 h1 ...
文章目录CSS简介CSS样式编写1、内联样式2、内部样式3、外部样式CSS语法选择器常用的选择器元素选择器id选择器类选择器选择器分组(并集选择器)通配选择器复合选择器(交集选择器)后代元素选择器子元素选择器伪类...
属性选择器的语法: E:[attr]; E表示元素,attr表示元素中的属性 E:[attr=val]; attr=val表示当元素中的属性值是指定值时,设置一个统一的样式 E:[attr^=val]; attr^=val表示当元素中指定的属性值是val开头时 E...
CSS3参考手册(css3语法使用查询手册)CHM版,可快速索引和搜索CSS3各种属性值以及具体的用法,说详细介绍有CSS3选择器的各方面知识,这包括UI元素状态伪类 E:checked、结构性伪类 E:nth-of-type(n)、子串匹配的属性...
在定义CSS时,需要知道其书写语法和影响范围,此文档给你说明
约定的语法规范:并集选择器约定竖着写 最后一个选择器不需要加逗号, (4)交集选择器 语法 选择器1选择器2选择器3{ 属性: 属性值; } 用选择器1选择元素集合A,用选择器2在A中选择元素 标签名只能写...
CSS学习中EMMET语法、复合选择器、元素选择模式、以及背景的一些总结,观看视频中的个人总结,创作不易,如果有问题欢迎留言咨询,大家一起学习一起进步哇
二、CSS选择器 (1)基础选择器 (i)标签选择器 (ii)类选择器 (iii)id选择器 (iv)通配符选择器 (2)复合选择器 (i)后代选择器 (ii)子代选择器 (iii)并集选择器 (iv)伪类选择器 三、CSS字体属性 (1...
CSS选择器 选择器介绍 选择器作用:就是选择标签用的; 选择器分类:(1)基础选择器;(2)复合选择器; 基础选择器 基础选择器介绍 基础选择器基本上都由单个选择器组成,主要分为: 标签选择器 类选择器 id...
但是我不想要这种标签该咋办,这时候就要使用CSS选择器中的伪类方法。如下所示。 注意的是两个冒号。使用CSS选择器真的很方便。同理我用CSS实现字段解析。代码如下 # -*- coding: utf-8 -*- import scrapy import ...
伪类选择器的使用和语法
Atom-selector-to-tag.zip,允许您在HTML文件中使用CSS选择器创建HTML标记元素的Atom包选择标记,atom是一个用web技术构建的开源文本编辑器。
实验内容:1.CSS的引入和基本选择器应用;2.利用CSS对网页进行控制;3.利用DIV+CSS实现如图2-3、2-4网页效果的布局和设计,并在多种浏览器上测试。所需图片见附件。4.利用DIV+CSS实现如图2-5网页效果,并在多种浏览器...
本文档提供了CSS基本语法的从零开始地最详尽地讲解,包括html选择器中、class选择器、ID选择器,CSS的集体 声明、CSS的嵌套、CSS的继承,CSS的全局声明等。总得来说本文档已基本包括了CSS的全部语法内容。并且全部 ...