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

css选择器

时间:2017-10-07 19:35:30      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:开始   :active   last   一个   border   first   visit   点击   site   

一. 基本选择器

 

选择器 格式
元素选择器 标记名{/*声明块*/}
类选择器 .类名{/*声明块*/}
ID选择器 #id值{/*声明块*/}

 

 

 

 

二 .多元素的组合选择器

 

选择器 描述
E,F 组合/并集选择器,同时匹配所有E元素或F元素,E和F之间用逗号隔开
E F 后代选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔
E>F 子级选择器,匹配所有E元素的儿子元素F

 

 

 

 

 

 

三.伪类选择器

 

选择器 描述
E:link 匹配所有未访问的链接
E:visited 匹配所有已访问的链接
E:hover 匹配鼠标悬停时的E元素
E:active 匹配鼠标点击时的E元素
E:nth-child(n) 匹配其父元素的第n个子元素
E:nth-last-child(n) 匹配其父元素的倒数第n个子元素
E:nth-of-type(n) 匹配使用同种标签的第n个元素
E:last-child 匹配父元素的最后一个子元素,等同于E:nth-last-child(1)
E:first-of-type 匹配父元素下使用同种标签的第一个元素,等同于E:nth-of-type(1)
E:last-of-type 匹配父元素下使用同种标签的最后一个元素

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  

四.属性选择器

 

选择器 描述
E[attribute=value] 匹配所有attribute属性等于“value”的E元素
E[attribute^=value] 匹配所有attribute属性值是以“value”开始的E元素
E[attribute$=value] 匹配所有attribute属性值是以"value"结束的E元素
E[attribute*=value] 匹配所有attribute属性值包含有“value”的E元素

css选择器

标签:开始   :active   last   一个   border   first   visit   点击   site   

原文地址:http://www.cnblogs.com/cherish00/p/7635354.html

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