在前面的文章中，我们在介绍了《五种你必须彻底了解的CSS选择器》，现在向大家介绍，还需要学习的另外十二种CSS选择器。如果你还没有用过，就好好学习一下，如果你已经熟知了就当是温习。一、X:link X:visited X:hover X:active 伪类a:link { color: red; }a:visted { color: purple; }伪类选择器，visted已被访问过的样式，hover鼠标经过的样式，link未被访问的样式。三种伪类选择器常用于链接，但不是说只适用于链接，可惜的是IE...
一、方法说明通过IDomObject元素，获取完整的CSS选择器，过滤HTML和BODY元素，自动将class、id添加到选择器上，优先添加class，无class再添加id。如:<html><head></head><body><div id="result"><h3 class="t"><a "="" href="http://www.baidu.com/link?url=PgEyrxusTKZjg64DFOd_qlTy4o7dXLH_26WOy1mg6JUwVE4L_KrH24eG7s49yN8R-iBqQEb80m2gLmAzab8FIK&ck=4276.4.1526360648567.0.0.250.568.0&shh=www.baidu.com&sht=ba...
1. 超链接伪类选择器1、概念超链接的伪类。由于伪类是定义特定的元素状态,所以「超链接的伪类」指的是超链接的状态。2、超链接状态类型链接伪类说明: link未访问的链接状态: visited已访问的链接状态: hover鼠标悬浮的链接状态: active激活的链接状态优先级： link > visited > hover > active含义::hover必须置于:link和:visited之后，才有效:active 必须置于:hover之后，才有效...3、超链接伪类使用a:link{ }a:visited{ }a:hov...
关于CSS3中的选择器属性选择器选择符语法描述E [att]匹配具有att属性的所有元素E [att = "value"]匹配具有att属性且值为value的元素E [att ^= "value"]模糊匹配，以属性值为value打头的元素E [value $= "value"]模糊查询，以属性值为value结尾的元素E [value *= "value"]完全模糊匹配结构伪类选择器这里一共分为两个大类选择符语法描述E:first-child匹配父元素中的第一个子元素EE:last-child匹配父元素中的最后一个子元素EE:nth-ch...
css3选择器有如下几类: 1:基本选择器 1.1:id选择器 # 1.2:类选择器 . 1.3:元素选择器 E 1.4:群组选择器 select1,select2 1.5:通配符选择器 * 2:层次选择器 2.1:E F 后代选择器,选择的是F，F是E的后代 2.2:E>F 子选择器，选择的是F，F是E的儿子节点 2.3:E+F 相邻兄弟选择器，选择的是F，F是紧邻E的节点 2.4:E~F 通用选择器，选择的是F，F是E的后面的节点 3:伪类选择器 3.1:动态伪类选择器 E:li...
一、摘要 总结前端部分css选择器、css继承关系、css盒子模型等相关知识，并对容易出错的地方进行分析说明。二、原因 在开发前端页面时如果对css选择器、继承关系，层叠，以及padding、margin区别和浮动问题理解不到位，会导致不知道什么时候该用哪种方法来处理问题。此文档是针对这些问题进行说明。以下是对相关知识点的总结与分析：三、选择器1、基本选择器（1）* 通配符选择器 代表所有元素 例子： *{ margin：0; padding:0;...
转自：http://www.w3school.com.cn/cssref/css_selectors.aspCSS3 选择器在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的所有元素。1**选择所有元素。2elementp选择所有 <p> 元素。1element,elementdiv,p选择所有 <div> 元素和所有 <p...
选择器 优先级 实例ID选择器 100类选择器 10伪类选择器 10 :link :visited :focus :hover :actived :lang UI元素状态伪类 E:enabled{}匹配所有用户界面（form表单）中处于可用状态的E元素 E:disabled{}匹配所有用户界面（form表单）中处于不可用状态的E元素 ...
CSS 复 杂 选 择 器对CSS复杂选择器做一个简单的总结：1-2 相邻兄弟选择器、通用兄弟选择器 <style> p+b{ font-size:30pt; color:green; } div.s1+p{ color:red; } div.s1~p{ background-color:gray; } </style> <body> <!--1.相邻兄弟选择器--> <p>This is <b>Very</b> important.</p> <b>Really?</b> <b>More?</b> <!--2.通用兄弟选择器--> <a>这...
规则结构 每个规则都有两个基本部分组成：选择器和声明块。声明块由一个或多个声明组成，每个声明则是一个属性-值对。元素选择器声明和关键字 关键字一般由空格隔开；有一种情况例外 font属性中的 斜线（/）分割 元素的字体大小和行高两个关键字。分组选择器分组通配选择器 （*）css2引入 声明分组 各个声明最后使用分号；类选择器和ID选择器 类选择器 多类选择器各个词之间用空格分隔不同平台的Internet Explorer 处理不同 ...
关于CSS常用选择器：1、ID选择器 关于ID选择器具有唯一性，在文档流中，ID是唯一的，在低版本的浏览器中，允许出现不适唯一ID的情况，而在高版本的浏览器中，出现ID不唯一的情况浏览器会出现的报错的。 例如：<h1 id="warning">Meerkat <em>Central</em></h1> #warning{color:red} 进行CSS样式的设置2、类选择器 对文档元素的class属性命名不具有唯一性，也就是说不用的元素可以拥有相同的类名 例如：<h1 class="warning...
1 *：通用选择器?1* { margin:0; padding:0; }*选择器是选择页面上的全部元素，上面的代码作用是把全部元素的margin和padding设为0，最基本的清除浏览器默认样式的方法。 *选择器也可以应用到子选择器中，例如下面的代码：?1#container * { border:1pxsolidblack; }这样ID为container 的所有子标签元素都被选中了，并且设置了border。2 #id：id选择器?1234#container { width: 960px; margin: auto;}id选择器是很严格...
选择器例子例子描述CSS.class.intro选择class="intro"的所有元素1#id#firstname选择id="firstname"的所有元素1**选择所有元素2elementp选择所有p元素1element，elementdiv,p选择所有div元素和所有p元素1element elementdiv p选择div元素内部的所有p元素1element>elementdiv>p选择父元素为div元素的所有p元素2element+elementdiv+p选择紧接在div元素之后的p元素2[attribute][target]选择带有target属性所有元素2[attribute=value][t...
属性名， 属性名=属性值（正则） * 绝对等于 *= 包含这个元素 ^= 以什么开头 $= 以什么结尾 /* 存在id属性的元素 a[]{} */a[id=first]{background:orange;}/* class中有links的元素 */a[class*="links"]{background:blue;}/* 选中href中以http开头的元素 */a[href^=http]{background:red;}/* 选中href中以doc结尾的元素 */a[href$=doc]{background:black;} 原文：https://www.cnblogs.com/clblogs/p/15138878.html
1.属性选择器a[href^=column]，选择属性是column开头的a标签a[href$=column]，选择属性是column结尾的a标签a[href*=column]，选择属性中包含column的a标签2.:root选择器类似于.html3.:empty选择没有内容的标签4.:not选择器a:not[id="footer"]，选择id不是footer的a标签5.#wrap p:first-of-type选择id为wrap的容器里面的第一个p元素 原文：http://www.cnblogs.com/anson19900221/p/4564168.html