css样式特殊符号(选择器连接符号)意义速记:【+~>“ “,““】【加波大空逗无】

概述

  • 下面所有的方位词(如:下方、后方)代表的都是代码形式上的方位
  • 下面的1到6点符号为:(+~> " “,”")【加波(同级) | 大空(子代) | 逗无(共享)】
  • 选择器分为:1、元素选择器;2、伪元素选择器;3、ID选择器;4、类选择器;5、伪类选择器;6、全局选择器;7、等;以下符号都可与选择器组合使用(应该是,未验证)

1. 同级紧邻(单个)|| 加号

符号:【+】
应用:A+B
意义:AB同父(即同级),AB紧邻
实例:
在这里插入图片描述

2.同级尾邻(任意)|| 波浪号

符号:【~】
应用:A~B
意义:AB同父(即同级),可以选择任意个A下方的B
实例:
在这里插入图片描述

3.(紧)子代 ||| 大于号

符号:【>】
应用:A>B
意义:选择A元素后方B(第一代子元素)
实例:
在这里插入图片描述

4.(松)子孙代 || 空格号

符号:【“ ”】(空格)
应用:A B
意义:选择A后方的所有B
实例:
在这里插入图片描述

5.(css)声明共享 || 逗号

符号:【,】
应用:A,B
意义:具有相同的css声明可以放在一起;类似C的声明定义 int A,B;
实例:
在这里插入图片描述

6.(class)且(共享) || 无缝连接号

符号:【】(连在一起)
应用:AB
意义:具体地,如元素选择器li与类选择器.now同时在同一个元素时css生效
实例:
在这里插入图片描述
在这里插入图片描述

  • 12
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值