首页 > Web开发 > 详细

CSS选择器

时间:2017-03-10 20:51:37      阅读:268      评论:0      收藏:0      [点我收藏+]

常用选择器

    元素选择器 元素名{}

    后代选择器 两元素之间是空格表示

    精确定位 类选择器 . ,ID选择器 #

    伪类选择器 需要对文档结构之外的其他条件对元素应用样式。

                   链接伪类 元素名/类名:link、:visited ?

                   动态伪类 元素名/类名:active、:hover、:focuse,对于不同伪类实现相同效果可以紧密排列,如a :link:hover{} ? first-child伪类 元素名first-child:{} 选择该元素中的第一个,不要理解成其中的第一个元素。可以和高级选择符配合使用如 p > i:first-child{} p中第一个i

                   lang伪类 伪类允许您为不同的语言定义特殊的规则。q:lang(no){quotes: "~" "~"} :lang 类为带有值为 "no" 的 lang 属性的

     伪元素 :first-letter 文本第一个字母添加样式 ? :first-line 文本第一行添加样式 ? :before{content: ****;} 文本之前添加内容 ? :after{content: ****;} 文本之后添加内容

通用选择器

             *

 高级选择器

         子类选择器  >

        相邻选择器  +  

        属性选择器  元素名/类名/ID名/高级选择器选定后的元素[属性名]{ } 

CSS选择器

原文:http://www.cnblogs.com/microcosm/p/6532846.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!