CSS新增的伪类选择器

【CSS新增的伪类选择器】的更多相关文章

CSS新增的伪类选择器

:root 选择文档的根元素,等同于 html 元素 :empty 选择没有子元素的元素 :target 选取当前活动的目标元素 :not(selector) 选择除 selector 元素意外的元素 :enabled 选择可用的表单元素 :disabled 选择禁用的表单元素 :checked 选择被选中的表单元素 :after 在元素内部最前添加内容 :before 在元素内部最后添加内容 :nth-child(n) 匹配父元素下指定子元素,在所有子元素中排序第n :nth-last-chi…

CSS属性、伪类选择器，CSS3选择器

CSS1时IE6是部分支持,伟大的IE6!CSS2时IE6部分支持,伟大的IE6依旧是部分支持!CCS3盛行CSS4也已经提上日程的现在,IE6完全不支持.IE6你该走了,我们会永远记住你的功绩的!IE6在天朝何时能寿终就寝! 以上跟本文章无关,今天我们来CSS的选择器,虽然IE6不支持,但是jqurey实现了CSS的很多选择器的,所以就当温习jqurey的选择器. 因为伟大的IE6不支持CSS2的有些高级属性,所以CSS选择器一直没有发挥.要记住一点:对于站点功能很重要的元素还是不要用一些“高…

CSS3新增的伪类选择器

伪类选择器的作用:对已有选择器做进一步的限制,对已有选择器能匹配的元素做进一步的过滤.CSS 3提供的伪类选择器主要分为以下三类: 结构性伪类选择器 UI元素状态伪类选择器其他伪类选择器 1.结构性伪类选择器 Selector:root:匹配文档的根元素.在HTML文档中,根元素永远是<html.../>元素. Selector:first-child:匹配符合Selector选择器,且必须是其父元素的第一个子节点的元素. Selector:last-child:匹配符合Selector选择…

CSS基础结构伪类选择器 last-child、first-child和nth-of-type的使用方法

一.通过伪类选择器查找单个标签元素html结构 <div> <a herf='#'>导航1</a> <a herf='#'>导航2</a> <a herf='#'>导航3</a> </div> /* 匹配第一个子元素,并且为a标签 */ div a:first-child{} 注意:如果第一个元素不是a,则匹配失败 /* 匹配最后一个子元素,且为a标签 */ div a:last-child{} /* 匹配第二…

CSS选择器之伪类选择器（元素）

:first-child 选择某个元素的第一个子元素(IE6不支持) :last-child 选择某个元素的最后一个子元素 :first-of-type [CSS3]选择一个上级元素下的第一个同类子元素 :last-of-type [CSS3]选择一个上级元素的最后一个同类子元素 :only-child [CSS3]选择的元素是它的父元素的唯一一个了元素(IE6-8不支持) :only-of-type [CSS3]选择一个元素是它的上级元素的唯一一个相同类型的子元素(IE6-8不支持) :nth…

CSS选择器之伪类选择器（伪元素）

selection [CSS4]应用于文档中被用户高亮的部分(比如使用鼠标或其他选择设备选中的部分).(IE8及以下不支持)(火狐-moz-selection) first-line 选择每个 <p> 元素的首行,并为其设置样式. first-letter 选择每个 <p> 元素的首字母,并为其设置样式. before 在每个 <p> 元素的内容之前插入新内容.(IE7及以下不支持) after 在每个 <p> 元素的内容之后插入新内容.(IE7及以下不支持…

CSS选择器之伪类选择器（交互）

:link 选取未访问链接 :active 选取活动链接(单击某链接,未松开鼠标时). :visited 选取已被访问的链接. :target 链接指定的目标 :hover 当鼠标浮在元素上方时. :empty [CSS3]选择的元素里面没有任何内容(IE6-8不支持) :not [CSS3]排除特定的元素(IE6-8不支持) :focus 当用户点击或触摸元素或通过键盘的“tab”键选择它时会被触发.(IE7及以下不支持) :focus-within 表示一个元素获得焦点,或,该元素的后代元素…