| 符號 | 描述 | 示例 | 說明 |
|---|---|---|---|
| 緊接無符號 | 相當於”並且“關系 | 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兄弟元素 |
| : |
css中所有的選擇器（包括比較少見的選擇器）
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。