对于一个前端er来说,选择器是日常生活中必须要接触的部分。本文主要讨论分类和选择它的一些技巧。【分类】1.基本选择器2.结构选择器3.伪类选择器4.伪元素5.属性选择器【说明】1.基本选择器(浏览器兼容)*通配符(可以匹配元素html元素中的所有元素)如:*{color:#000;}表示给页面所有元素加上#000的颜色值;E元素选择器(匹配特定标签)如:a{text-decoration:underline;}表示给页面所有a标签加下划线;#idID选择器(匹配页面的具体id)如:#my{color:#000}表示给pageid为my的元素添加#000的颜色值;.class类选择器(匹配page-具体类)如:.my{color:#000}表示给页面类为my的元素添加#000的颜色值;S1,S2组选择器(匹配ContainsS1,containsS2元素,只匹配一个)例如:.my,.you{color:#000}表示给classmy和classyou的元素加上#000的颜色值在页面上;S1S2合并选择(匹配包含S1和S2的元素,该元素必须同时包含S1和S2)例如:.my.you{color:#000}表示将#000的颜色值添加到带有my和的元素中你在页面类中;2。结构选择器S1S2后代选择器(S1的所有后代S2)S1>S2子选择器(S1子元素S2IE7+)S1+S2相邻兄弟选择器(S1后面的相邻兄弟元素S2IE7+)S1~S2一般兄弟选择器(所有兄弟元素S1后面是S2,IE7+)【示例说明】a.区分S1S2和S1、S2、S1S2三类选择器;
