符号 | 描述 | 示例 | 说明 |
---|---|---|---|
紧接无符号 | 相当于”并且“关系 | 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{ |