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兄弟元素 |
: |
长风破浪会有时,直挂云帆济沧海
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!