`

CSS3选择符语法

 
阅读更多

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版.rar

    CSS3参考手册(css3语法使用查询手册)CHM版,可快速索引和搜索CSS3各种属性值以及具体的用法,说详细介绍有CSS3选择器的各方面知识,这包括UI元素状态伪类 E:checked、结构性伪类 E:nth-of-type(n)、子串匹配的属性...

    css选择符类型详细介绍

    主要介绍了css选择符类型详细介绍,包括标签选择符、类选择符、ID选择符、包含选择符、通配选择符、选择符分组、标签指定式选择符、组合选择符,需要的朋友可以参考下

    郜振宇php职业培训系列讲座007:css基础语法与选择符详解.rar

    个人认为选择符是css学习中一个难点。本讲座为大家详细讲解了这一知识点以及入门css的基础语法。

    《CSS+HTML语法与范例详解词典[精品]》符旭凌.epub

    《CSS+HTML语法与范例详解词典》适合网页设计者学习阅读,也适合网站建设者和网站前台开发人员参考。《CSS+HTML语法与范例详解词典》也适合作为帮助读者快速找到HTML和CSS应用问题的工具书。

    关于CSS的基本语法

    本文档主要介绍了CSS的基本语法内容,其中包括CSS的基本构成以及各种基本的选择符。

    CSS基础 CSS选择符

    选择符分类介绍1.通配选择符 语法: * { sRules } 说明: 通配选择符。选定文档目录树(DOM)中的所有类型的单一对象。 假如通配选择符不是单一选择符中的唯一组成,“*”可以省略。

    css基础知识word版

    CSS高级教程包括:CSS选择符,CSS相关特性,CSS盒模式,标准网页设计与页面排版,CSS伪类与伪元素等. 通过梦之都的CSS教程,你将学会怎样使用CSS,怎么把CSS与XHTML有机的结合在一起,了解CSS最新的发展情况,并且你将学会...

    《JavaScript+DHTML语法与范例详解词典》源码

    此为《JavaScript+DHTML语法与范例详解词典》一书的源码. 内容简介 《JavaScript+DHTML语法与范例详解词典》词条包含的主要内容有JavaScript的全局函数和基础对象的函数和属性;如何通过JavaScript DOM对象来动态地...

    html5入门到精通 视频教程

    4-CSS语法部分选择符 5-CSS部分选择符及选择符权重 6-CSS部分文本属性上 7-CSS部分文本属性下 8-CSS列表背景属性 9-CSS背景及浮动属性 10-盒模型 HTML5混合开发 玩转H5混合开发(1) 玩转H5混合开发(2) 玩转H5...

    CSS层叠样式表学习指南

    各种选择符、伪类、伪元素和层叠顺序的入门。 CSS 属性 各种层叠样式表级别一有效的属性的描述。 将样式表加入到HTML中 各种将样式表加入到HTML文本中的方法。 依赖样式表 怎样会是滥用样式表和使你的网页...

    CSS的设计与应用

    CSS选择符3. 常见的样式属性和值一、将样式表加入到HTML中™ 1.1 CSS是什么?™ 1.2 CSS语法™ 1.3 CSS如何应加入到HTML中1.1 CSS是什么?™ CSS是用于布局与美化网页的.™ CSS是Cascading Style Sheets的英文缩写,...

    CSS 群组化选择符

    在CSS 语法的基本设定中,就可以把这几个相同设定的选择器合并在一起,原本可能是写了7~8 行相同的语法,合在一起后就只要短短的一小行,怎么看都让人心旷神怡啊~ 例如:当有好几个选择器刚好都需要把文字的颜色设定...

    零基础学HTML CSS源代码

    style3.css 名为style3的CSS样式文件。 第16章(源代码\第16章) 示例描述:本章演示字体属性用法。 间距与间隔.html 属性间距与间隔用法。 设置行距.html 属性设置行距用法。 字体大小....

    CSS网站布局实录 (第二版)PDF版

    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到...

    解析css中的选择符命名

    原来命名可以这样的 前一段时间,在某一站点看到了这样的内容: "这也可以?"是我对此的第一印象。不过,稍作调查知道了,这样写确实...另外,你应该也知道,选择符命名的开头字符,不可以是数字,例如.3-column不是合

    CSS2.0手册(苏沈小雨版)

    手册提供了完整的 CSS2.0 的属性(Properties)、规则(At-Rules)、伪类(Pseudo-Classes)、伪元素(Pseudo-Elements)、声明(Declarations)、单位(Units)、选择符(Se lectors)的介绍。其内容涵括了 W3C 的 CSS2.0 标准,...

    css 4.2.7中文手册(CHM版)

    比如:属性,选择符,语法与规则,取值与单位等。 还展示了速查总表,列举了一些使用比率较高的常用CSS Hack。 另外,给大家总结了一些使用过程中,遇到的问题和解决办法,并且提供了一些简单的小技巧和经验,希望...

    css详细教程.chm

     手册提供了完整的 CSS2.0 的属性(Properties)、规则(At-Rules)、伪类(Pseudo-Classes)、伪元素(Pseudo-Elements)、声明(Declarations)、单位(Units)、选择符(Selectors)的介绍。其内容涵括了 W3C 的 CSS2.0 标准,...

Global site tag (gtag.js) - Google Analytics