码迷,mamicode.com
首页 > Web开发 > 详细

css3选择器

时间:2015-03-09 01:48:04      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:css3

  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:link(visited,active,hover,focus)

    3.2:目标伪类选择器  E:target 选择的是E元素,E元素被相关的URI指向(锚点)

    3.3:语言伪类选择器  E:lang(...)

    3.4:UI伪类选择器   E:checked(enabled,disabled...)一般常用于表单

    3.5:结构伪类选择器  E:fist-child(last-child,root,nth-child(n),nth-last-child(n)...)

    3.6:否定伪类选择器  :not()

  4:伪元素选择器 ::fist-letter,::fist-line,::beffore,::after,selection

  5:属性选择器 E:[attr],E[attr=val],E[attr~=val],E[attr^=val],E[attr*=val],E[attr$=val]

css3选择器

标签:css3

原文地址:http://chenmd.blog.51cto.com/4835439/1618434

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!