css2选择器

CSS1&2元素选择器

选择符	类型	版本	简介
*	通配选择符	CSS2	所有元素对象。
E	类型(HTML)选择符	CSS1	以文档语言对象类型作为选择符。
E#myid	id选择符	CSS1	以唯一标识符id属性等于myid的E对象作为选择符。
E.myclass	class选择符	CSS1	以class属性包含myclass的E对象作为选择符。

备注:E 是Element的缩写，表示元素的意思

CSS1&2关系选择器

选择符	类型	版本	简介
E F	包含选择符	CSS1	选择所有被E元素包含的F元素。
E>F	子选择符	CSS2	选择所有作为E元素的子元素F。
E+F	相邻选择符	CSS2	选择紧贴在E元素之后F元素。

CSS1&2伪类选择器

选择符	类型	简介
E:link	链接伪类选择器	设置超链接a在未被访问前的样式。
E:visited	链接伪类选择器	设置超链接a在其链接地址已被访问过时的样式。
E:hover	用户操作伪类选择器	设置元素在其鼠标悬停时的样式。
E:active	用户操作伪类选择器	设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的样式。
E:focus	用户操作伪类选择器	设置元素在成为输入焦点（该元素的onfocus事件发生）时的样式。
E:lang()	:lang()伪类选择器	匹配使用特殊语言的E元素。

CSS1&2属性选择器

选择符	类型	简介
E[att]	CSS2	选择具有att属性的E元素。
E[att="val"]	CSS2	选择具有att属性且属性值等于val的E元素。
E[att~="val"]	CSS2	选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素。
E[att\|="val"]	CSS2	选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。

CSS1&2伪对象选择器

选择符	类型	简介
E:first-letter	CSS1	设置对象内的第一个字符的样式。
E:first-line	CSS1	设置对象内的第一行的样式。
E:before	CSS2	设置在对象前（依据对象树的逻辑结构）发生的内容。用来和content属性一起使用
E:after	CSS2	设置在对象后（依据对象树的逻辑结构）发生的内容。用来和content属性一起使用

时间： 2024-11-07 14:18:25

css2选择器的相关文章

CSS1，CSS2选择器详解

第一.CSS1选择器: 1.元素选择器(也叫标签选择器,是最基本的选择器) <style> html{background-color: red;} div{background-color: yellow;} </style> 2.ID选择器(id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. id 选择器以 "#" 来定义) <style> #boxl{color:blue;} </style> 2.1.结合元素的I

CSS2相关实用知识点

CSS相关知识回顾目录 CSS2选择器假选择器的使用属性选择器的使用边框设置背景设置字体设置文本属性 a标签假选择器使用列表设置表格设置鼠标设置单位设置隐藏显示位置设置清除浮动假元素的使用媒体类型 CSS相关知识回顾 CSS2选择器 * 通配符选择器 div 元素选择器 #box id选择器 .box 类选择器 p.box 交集选择器 div p 后代选择器 ui > li 子代选择器 p + div 亲兄弟选择器,选择p标签后面紧挨着的div元素 p ~ div

第十三章脚本化文档

客户端javascript存在使得静态的html文档编程了交互式的web应用.校本化web页面内容是javascript的核心目标.本章———本书最重要的章节之一,阐述了它是如何做到的客户端javascript的存在使得静态的html文档变成了交互式的web应用.校本化web页面javascript核心目标.本章将阐述它是如何做到的. 第11章和12章解释了每一个web浏览器窗口.标签也和框架由一个window对象所示.每个window对象有一个document对象,document对象表示窗口

js原生dom方法总结

1.document document方法getElementById (Node)返回指定节点的引用getElementsByTagName (NodeList)返回文档中所有匹配元素的集合querySelector (Node)返回与选择器匹配的首个节点 (ie8+)querySelectorAll (Node)返回与选择器匹配的所有节点 (ie8+),其中ie8中选择器只支持css2选择器createElement(name) (Node)返回新建的节点createTextNode(tex

脚本化文档

每个Window对象有一个document属性引用了Document对象.Document对象表示窗口的内容.它并非独立的,它是一个巨大的API中的核心对象,叫做文档对象模式DOM,它代表和操作文档的内容. 文档对象模式DOM是表示和操作HTML和XML文档内容的基础API.HTML文档的树状结构包含表示HTML标签或元素(如<body><p>)和表示文本字符串的节点,它也可能包含表示HTML注释的节点每个方框是文档的一个节点,它表示一个Node对象.我们将在后续几节中讨论nod

素定位器(ElementLocators)

元素定位器(ElementLocators)告诉Selenium是向HTML中的哪一个元素发送命令.一个定位器的格式如下:locatorType=argument我们支持如下写法用于定位元素:·identifier=id :根据指定的@id属性选择元素.如果没有匹配的值,则选择第一个@name属性为id的元素. (参照后面)·id=id :根据指定的@id属性选择元素.·name=name :选择第一个根据指定的@name所查找到的元素.〇 username〇 name=username这里的n

脚本化文档（一）

getElementById():Document对象的该方法通过id获取元素,在低于IE8版本的浏览器中,getElementById()对匹配元素的ID不区分大小写,而且也返回匹配name属性的元素. getElementsByName():Document对象的该方法通过name属性获取html元素,该函数定义在HTMLDocument类中,而不在Document类中,所以它只针对HTML文档可用,在XML文档中不可用.,在IE中,getElementsByName()也返回id属性匹配指

锋利的jquery第二版学习笔记

jquery系统学习笔记一.初识:jquery的优势:1.轻量级(压缩后不到30KB)2.强大的选择器(支持css1.css2选择器的全部 css3的大部分以及一些独创的加入插件的话还可支持XPath)3.出色的Dom封装(简化原本复杂的操作)4.可靠的事件处理机制(跨浏览器兼容性)5.完善的Ajax操作(一个$.ajax()方法全部搞定)6.不污染顶级变量(只使用了一个名为jQuery的对象其别名$也可随时让出其控制权见解决和其它库混用时解决冲突部分)7.出色的浏览器兼容性(优秀的j

如何用CSS进行开发

翻译自:How to Develop with CSS 很多web开发人员都知道CSS,但是他们很可能认为使用CSS的应用代码就是这样的: <p> <span style="font-weight:bold;font-family:Arial">Welcome!</span> </p> 或者是这样的: <table class="middle grey"><tr> <td class=&q