CSS3选择符语法概览:! N+ Z8 C3 H% ^: ` K0 k7 |
选择符类型 | 表达式 | 描述 |
子串匹配的属性选择符 | E[att^="val"] | 匹配具有att属性、且值以val开头的E元素 |
子串匹配的属性选择符 | E[att$="val"] | 匹配具有att属性、且值以val结尾的E元素 |
子串匹配的属性选择符 | E[att*="val"] | 匹配具有att属性、且值中含有val的E元素 |
结构性伪类 | E:root | 匹配文档的根元素。在HTML中,根元素永远是HTML |
结构性伪类 | E:nth-child(n) | 匹配父元素中的第n个子元素E |
结构性伪类 | E:nth-last-child(n) | 匹配父元素中的倒数第n个结构子元素E |
结构性伪类 | E:nth-of-type(n) | 匹配同类型中的第n个同级兄弟元素E |
结构性伪类 | E:nth-last-of-type(n) | 匹配同类型中的倒数第n个同级兄弟元素E |
结构性伪类 | E:last-child | 匹配父元素中最后一个E元素 |
结构性伪类 | E:first-of-type | 匹配同级兄弟元素中的第一个E元素 |
结构性伪类 | E:only-child | 匹配属于父元素中唯一子元素的E |
结构性伪类 | E:only-of-type | 匹配属于同类型中唯一兄弟元素的E |
结构性伪类 | E:empty | 匹配没有任何子元素(包括text节点)的元素E |
目标伪类 | E:target | 匹配相关URL指向的E元素 |
UI元素状态伪类 | E:enabled | 匹配所有用户界面(form表单)中处于可用状态的E元素 |
UI元素状态伪类 | E:disabled | 匹配所有用户界面(form表单)中处于不可用状态的E元素 |
UI元素状态伪类 | E:checked | 匹配所有用户界面(form表单)中处于选中状态的元素E |
UI元素状态伪类 | E::selection | 匹配E元素中被用户选中或处于高亮状态的部分 |
否定伪类 | E:not(s) | 匹配所有不匹配简单选择符s的元素E |
通用兄弟元素选择器 | E ~ F | 匹配E元素之后的F元素 |
相关推荐
CSS3参考手册(css3语法使用查询手册)CHM版,可快速索引和搜索CSS3各种属性值以及具体的用法,说详细介绍有CSS3选择器的各方面知识,这包括UI元素状态伪类 E:checked、结构性伪类 E:nth-of-type(n)、子串匹配的属性...
主要介绍了css选择符类型详细介绍,包括标签选择符、类选择符、ID选择符、包含选择符、通配选择符、选择符分组、标签指定式选择符、组合选择符,需要的朋友可以参考下
个人认为选择符是css学习中一个难点。本讲座为大家详细讲解了这一知识点以及入门css的基础语法。
《CSS+HTML语法与范例详解词典》适合网页设计者学习阅读,也适合网站建设者和网站前台开发人员参考。《CSS+HTML语法与范例详解词典》也适合作为帮助读者快速找到HTML和CSS应用问题的工具书。
CSS 语法主要由三个部分组成:选择符、属性和值。选择符指定了对哪些元素应用样式,属性指定了元素的哪个方面进行设置,值指定了该设置的具体数值。 例如,h2 { font-family: 宋体; font-size: 15px; color: red; ...
本文档主要介绍了CSS的基本语法内容,其中包括CSS的基本构成以及各种基本的选择符。
3. 子选择符(E>F) 子选择符用于选择所有作为E元素的子元素F。语法为E>F{ sRules }。例如: ```html .test>li>a {color: #f00;} <li><a href="?">列表项目1 <li><a href="?">项目列表1.1</a></li> <li>...
2. CSS3 的选择器:CSS3 中引入了许多新的选择器,如 nth-child、nth-of-type 等,可以更灵活地选择元素。 3. CSS3 的新特性:CSS3 中引入了许多新的特性,如动画、渐变、阴影等,可以实现更加丰富的视觉效果。 ...
选择符分类介绍1.通配选择符 语法: * { sRules } 说明: 通配选择符。选定文档目录树(DOM)中的所有类型的单一对象。 假如通配选择符不是单一选择符中的唯一组成,“*”可以省略。
CSS高级教程包括:CSS选择符,CSS相关特性,CSS盒模式,标准网页设计与页面排版,CSS伪类与伪元素等. 通过梦之都的CSS教程,你将学会怎样使用CSS,怎么把CSS与XHTML有机的结合在一起,了解CSS最新的发展情况,并且你将学会...
3. 包含选择符的语法是选择符1和选择符2之间用空格隔开,含义就是所有选择符1中包含的选择符2。 样式定义 1. 样式定义需要两个部分:选择符 selector 和声明 declaration。 2. 属性是指定选择符所具有的属性,是...
4-CSS语法部分选择符 5-CSS部分选择符及选择符权重 6-CSS部分文本属性上 7-CSS部分文本属性下 8-CSS列表背景属性 9-CSS背景及浮动属性 10-盒模型 HTML5混合开发 玩转H5混合开发(1) 玩转H5混合开发(2) 玩转H5...
此为《JavaScript+DHTML语法与范例详解词典》一书的源码. 内容简介 《JavaScript+DHTML语法与范例详解词典》词条包含的主要内容有JavaScript的全局函数和基础对象的函数和属性;如何通过JavaScript DOM对象来动态地...
各种选择符、伪类、伪元素和层叠顺序的入门。 CSS 属性 各种层叠样式表级别一有效的属性的描述。 将样式表加入到HTML中 各种将样式表加入到HTML文本中的方法。 依赖样式表 怎样会是滥用样式表和使你的网页...
CSS选择符3. 常见的样式属性和值一、将样式表加入到HTML中™ 1.1 CSS是什么?™ 1.2 CSS语法™ 1.3 CSS如何应加入到HTML中1.1 CSS是什么?™ CSS是用于布局与美化网页的.™ CSS是Cascading Style Sheets的英文缩写,...
在CSS 语法的基本设定中,就可以把这几个相同设定的选择器合并在一起,原本可能是写了7~8 行相同的语法,合在一起后就只要短短的一小行,怎么看都让人心旷神怡啊~ 例如:当有好几个选择器刚好都需要把文字的颜色设定...
CSS 的语法主要由三个部分构成:选择符(selector)、属性(properties)和属性的取值(value)。基本格式如下:selector {property: value}。例如,body {color: black},这里的选择符是 body,属性是 color,取值...
style3.css 名为style3的CSS样式文件。 第16章(源代码\第16章) 示例描述:本章演示字体属性用法。 间距与间隔.html 属性间距与间隔用法。 设置行距.html 属性设置行距用法。 字体大小....
前端学习笔记-黑马程序员CSS CSS 是一种标记语言,主要用于美化页面,美化 HTML,让画面更美观。...3. 并集选择器:使用 `,` 分隔符选择多个标签或元素。 4. 伪类选择器:用于选择元素的某种状态。
2.6.1 CSS属性与选择符 2.6.2 类型选择符 2.6.3 群组选择符 2.6.4 包含选择符 2.6.5 id及class选择符 2.6.6 标签指定式选择符 2.6.7 组合选择符 2.6.8 伪类及伪对象 2.6.9 通配选择符 2.7 CSS数据单位 2.8 应用CSS到...