css中所有的选择器(包括比较少见的选择器)
符号 | 描述 | 示例 | 说明 |
紧接无符号 | 相当于“并且”关系 | input.k-textbox{……} | 选出input并且包含k-textbox类的元素 |
,(逗号) | 选择器分隔符,选择多种元素 | h1,h2{……} | 选出h1和h2的所有元素 |
.(圆点) | 类选择器 | .k-textbox{……} | 选出包含k-textbox的元素 |
*(星号) | 所有元素 | *{……} | 选择所有元素 |
#(井号) | ID选择器 | #mem-id{……} | 选择ID为mem-id的元素 |
[](中括号) | 属性选择器 | h1[class='k-textbox']{……} | 选择h1并且包含k-textbox类的元素 |
(空格) | 后代选择器 | #container h1{……} | 选择ID为container内的所有为h1后代元素 |
>(大于号) | 子元素选择器 | #container>h1{……} | 选择ID为container内所有为h1的子元素(仅限子元素,孙的不计) |
+(加号) | 后面紧挨的兄弟选择器 | #mem-id+h1{……} | 选择ID为mem-id的后面“紧挨”的h1元素 |
~(波浪号) | 兄弟元素选择器 | #mem-id~h1{……} | 选择ID为mem-id的所有h1兄弟元素 |
成大事不在于力量的大小,而在于能坚持多久。