导读: CSS3 中有许多伪类选择器,其中一些伪类选择器的作用近似却又不完全一样,下面我们就来看一看到底有什么不一样. 1.:only-child 与 :only-of-type 测试的代码: <div> <p>something</p> </div> <div> <div>other something</div> <p>something</p> </div> :only-child…

一.:nth-child 和 :nth-of-type (1):nth-child() :nth-child(n) 选择器选取某任意一父元素的第 n 个子元素( p:nth-child(n) 即选中任意父元素的第n个元素是p的元素 ) 示例:http://www.runoob.com/try/try.php?filename=tryjquery_sel_nthchild (2):nth-of-type() :nth-of-type(n) 选择器选取某任意一父元素的第 n 个特定类型的子元素(p:…

常见的css选择器包含:常用选择器.基本选择器.层级选择器.伪类选择器.属性选择器,其中常用选择器分为:1.html选择符*{}//给页面上所有的标签设置模式:2.类选择符.hcls{}//给class是hcls的一类标签设置模式:3.id选择符#h3{}//给id是h3的标签设置样式:4.关联选择符#div h1.#div h1.ljhcls:5.div,h1,pmspan,button{}基本选择器分为:first-child第一个.::first-letter第一个字母.::fist-li…

妙味css3课程---1-2.css3中新增的伪类和伪元素有哪些 一.总结 一句话总结: 1.div:target{}是什么意思? 比如a标签的锚点链接到div,div:target{}就可以找到这个divE:target { sRules } 匹配相关URL指向的E元素.…

一.CSS3选择器 CSS3是CSS的第三代版本,新增了很多功能,例如:强大的选择器.盒模型.圆角.渐变.动画.2D/3D转换.文字特效等. CSS3和HTML5没有任何关系!HTML5骨架中,可以用CSS2.1也可以用CSS3.XHTML骨架中可以用CSS3的样式. 在学习CSS之前都是学习选择器,在CSS2中有class.id.标签选择器等. CSS3赋予了强大的选择器. CSS3没有颠覆传统CSS的写法,依然是: 选择器{ k:v; k:v; } CSS有一个特点,遇见自己不认识的选择器.…

伪类这个叫法源自它们与类相似,但实际上并没有类会附加到标记中的标签上.伪类分两种. UI伪类会在HTML元素处于某个状态时(比如鼠标指针位于链接上),为该元素应用CSS样式. 结构化伪类会在标记中存在某种结构上的关系时(比如某个元素是一组元素中的第一个或最后一个),为相应元素应用CSS样式. 一.UI伪类 1.链接伪类 Link:此时,链接就在那儿等着用户点击. Visited:用户此前点击过这个链接. Hover:鼠标指针正悬停在链接上. Active:链接正在被点击(鼠标在元素上按下,还没有…

伪类选择器 一.基于a标签. 1.:hover 选择鼠标滑过的超链接元素 2.:active 选择鼠标单击中的超链接元素 3.:link 选择未被访问的超链接元素 4.:visited 选择已经被访问过的超链接元素 二.基于input标签. 1.:focus 表示某个input元素被选中的情况. 2.:enable 启用input元素 3.:disable 禁用input元素 三.:before和:after伪类选择器 1.:before 在一个元素之前添加一个元素 2.:after 在一个元素…

04-CSS选择器:伪类 #伪类(伪类选择器) 伪类:同一个标签,根据其不同的种状态,有不同的样式.这就叫做"伪类".伪类用冒号来表示. 比如div是属于box类,这一点很明确,就是属于box类.但是a属于什么类?不明确.因为需要看用户点击前是什么状态,点击后是什么状态.所以,就叫做"伪类". #静态伪类和动态伪类 伪类选择器分为两种. (1)静态伪类:只能用于超链接的样式.如下: :link 超链接点击之前 :visited 链接被访问过之后 PS:以上两种样式,…

推荐书籍:码出高效: Java 开发手册 2.2 层次选择器 idea里代码规范是按:ctrl +alt+L快捷键 注释快捷键:ctrl+/ 1.后代选择器:在某个元素的后面 祖爷爷 爷爷 爸爸 你 <style> /*p{*/ /* background: #02ff00;*/ /*}*/ /* 后代选择器 */ body p{ background: red; } </style> 2.子选择器: 只有一代 ,儿子 /* 子选择器*/ body>p{ background…

关于组合选择器可参考:http://www.cnblogs.com/starof/p/4453458.html 主要内容 CSS概述 CSS和HTML结合的四种方式 CSS样式优先级和代码规范 CSS三种常用选择器 CSS三种扩展选择器 CSS的常见操作 CSS概述 CSS (Cascading Style Sheet)是层叠样式表.作用来定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. CSS的优点 1:CSS可以更加精细的控制网页的内容形式.比如说前面的f…