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

css中的选择器

时间:2015-07-29 13:44:46      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

 选择器            说明
    *                通用元素选择器,匹配任何元素
    E                标签选择器,匹配所有使用E标签(所有HTML元素)的元素
    .info            class选择器,匹配所有class属性中包含info的元素
    #footer        id选择器,匹配所有id属性等于footer的元素   
    多元素的组合选择器  
    选择器            说明
    E,F             多元素选择器,同时匹配所有E元素或F元素,E和F之间用逗号分隔
    E F                后代元素选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔
    E>F               子元素选择器,匹配所有E元素的子元素F(第一层后代)
    E+F               毗邻元素选择器,匹配所有紧随E元素之后的同级元素F
    E~F               同级元素通用选择器,匹配任何在E元素之后的同级F元素
    选择器            说明
    E[att]            匹配所有具有att属性的E元素,不考虑它的值。(注意:E在此处可以省略,比如"[checked]",以下同)
    E[att=val]        匹配所有att属性等于"val"的E元素
    E[att~=val]        匹配所有att属性具有多个空格分隔的值、其中一个值等于"val"的E元素
    E[att |=val]    匹配所有att属性具有多个连字号分隔(hyphen-separated)的值、其中一个值以"val"开头的E元素,主要用于lang属性,比如"en"、‘en-us‘、"en-gb"等等
    E[att^="val"]    属性att的值以"val"开头的元素
    E[att$="val"]    属性att的值以"val"结尾的元素
    E[att*="val"]    属性att的值包含"val"字符串的元素

css中的选择器

标签:

原文地址:http://www.cnblogs.com/bwteacher/p/4685639.html

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