CSS中空格和>区别，A B, A>B

最新推荐文章于 2024-04-25 22:37:35 发布
最新推荐文章于 2024-04-25 22:37:35 发布
阅读量6.2k 收藏 2
点赞数 4
分类专栏： css 文章标签： css3 css

转自点击打开链接

----------------------

这些是CSS3特有的选择器，A>B 表示选择A元素的所有子B元素。

与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。
另外：没有<的用法。

A+B表示HTML中紧随A的B元素。

nth-child是个伪类的用法，如p:nth-child(2)就表示在p的父元素中选择位居第二位的p，这个可能不太好理解，自己试一试就知道了
Kou_Hi
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Css——超链接样式
09-05
css中关于超链接的四个属性一般正常顺序为：link，visited，hover，active，即: a:link 链接平常的状态 a:visited 链接被访问过之后 a:hover 鼠标放到链接上的时候 a:active 链接被按下的时候
B站哆啦A梦主题网站源码（完整版）
05-06
https://www.bilibili.com/video/BV1LB4y1c7ur/ 在B站可以看我的演示视频，喜欢的话可以下载学习！
css中的','、'>'、'+'、'~'
weixin_34384915的博客
06-10 5850
,(群组选择器) A , B{ } 复制代码空格(后代选择器) //选择A所有的后代B元素 A B{ } 复制代码>（子元素选择器） //选择A的一代B元素 A > B{ } 复制代码总结：“>”是css3中特有的选择器，A B选择所有后代元素，为A>B只选择一代。 +(相邻兄弟选择器) //设置的是紧跟在A元素后的B元素，指定元素的下一个元素...
css 选择器 .a.b 和 .a .b 的区别
韦大人orz
11-03 990
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>选择器(runoob.com)</title> <style> body div{font-size:40px;} .a.b{color:green} .a .b{color:red} </style> </head> <body> .
css选择器 ~ （波浪号）、+（加号）、＞（大于号）的用法解析和举例
树上骑个猴的博客
12-21 1万+
~（波浪号） ~（波浪号）：A ~ B表示选择A标签后的所有B标签，但是A和B标签必须有相同的父元素。 <style> h3~h5{ color: red; } </style> <body> <div> <h1>我是第1行</h1> <h2>我是第2行</h2> <div>
css中“~”（波浪号）、“，”（逗号）、“+”（加号）和“>”（大于号）详解
热门推荐
weixin_38606332的博客
07-04 5万+
p~ul{　　 background:#8e8e8e; } &lt;p&gt;段落P&lt;/p&gt; &lt;ul&gt;　　 &lt;li&gt;列表项1&lt;/li&gt;　　 &lt;li&gt;列表项2&lt;/li&gt;　　 &lt;li&gt;列表项3&lt;/li&gt;
css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ ＞ ”（大于号）是什么意思？
小斐的专栏
06-26 649
css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ ＞ ”（大于号）是什么意思？
CSS中class的优先级
spicyChickenJZ
11-25 7325
在我们为HTML的元素设计样式时，有时会在一个元素中使用到多个class，又或者是这个元素符合多个定义的class，这时候我们就要注意这些class之间的优先级了。 class的定义方式有以下几种： 一、 .a class的优先级与在元素中的指定顺序无关，和class的定义顺序有关，最后定义的优先级最高。 HTML： <div class="a b"> ...
css中.a.b 与 .a .b（中间有空格）的区别
丁哒哒的博客
12-30 2606
区别： .a.b是获取同时含有a和p的元素 .a .b（中间有空格），是获取.a元素下的所有.b元素 demo: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume
A>B等CSS选择器
weixin_33862514的博客
11-02 463
这些是CSS3特有的选择器，A>B 表示选择A元素的所有子B元素。与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。另外：没有<的用法。A+B表示HTML中紧随A的B元素。p:nth-child(2)就表示在p的父元素中选择位居第二个的p拓展：所有的css选择器：http://www.w3school.com.cn/cssref/css_selectors.asp ...
acss_devtools:原子CSS开发工具
05-01
acss-devtools 自动将您的元素样式转换为Atomic CSS类，成为快乐的雾化器！ 开发 更新manifest.json版本 运行npm run build 在dest发布acss_devtools-prod.zip
css.rar_css_css a_css api_cssapi
09-22
CSS教学帮助文档，实用用的CSS教学。详细的API解释示例。
纯CSS3绘制哆啦A梦头像动画代码
09-08
纯CSS3绘制哆啦A梦头像动画代码
Css切换不同窗口
敢问路在何方，路在脚下
04-21 606
margin;bodyheight;background;height;margin;display;;;/*设置视距*/;input/*取消按钮*/display;width;height;position;/*开启子元素的3d效果*/;display;;text-align;;;height;width;height;display;
CSS3心跳和小球跳动animation案例
前端程序媛_Ying博客
04-25 228
【代码】CSS3心跳和小球跳动animation案例。
前端开发攻略---合并表格单元格，表格内嵌套表格实现手风琴效果。
nibabaoo的博客
04-18 530
合并表格单元格，表格内嵌套表格实现手风琴效果。
前端CSS基础6（CSS列表与表格的相关属性，边框的样式调整）
qq_51752841的博客
04-22 812
CSS列表与表格的相关属性，边框的样式调整
CSS中的 5 类常见伪元素详解！
最新发布
u013179804的博客
04-25 728
CSS 伪元素用于创建特定的特殊效果，它们可以用于选择和样式化元素的某些部分，这些部分在文档树中并不存在作为可访问的元素节点。伪元素主要用于添加装饰性的效果，例如添加前缀内容、创建边框效果等。而前文的伪类CSS伪类大全！4大类伪类详解用于根据特定条件为已有元素添加样式，它们描述了元素的某个状态，如:hover:focus等。伪元素在 CSS 中使用两个冒号（ok，那我们一起来看看吧。
A--------B如何用css实现
07-22
A和B之间的线条可以用CSS中的伪元素 ::before 或者 ::after 来实现。你可以给A和B两个元素添加相同的类名，然后通过伪元素来生成线条。 首先，给A和B添加相同的类名，比如 "line"。然后，可以使用以下CSS代码来生成...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值