css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ ＞ ”（大于号）是什么意思？

已于 2024-02-14 01:26:02 修改
阅读量1.2k 收藏 2
点赞数
文章标签： css
于 2023-06-26 21:12:48 首次发布
原文链接：https://blog.csdn.net/qq_34169240/article/details/122079435
版权

A~B (波浪号)
选择前面有A元素的所有B标签
为相同父元素中位于A标签后的所有B元素设置样式
两种元素必须拥有相回的父元素，但是B不必真接紧随A出现

A>B (大于号)
是CSS3特有选择器，表示选则A元素的子元素中所有B元素
与AB的区别
A B 选择所有后代元素，但是A>B 只选择一代


A，B (逗号)
同时选择A B 两个类，对其应用相同的CSS样式


A+B(加号)相邻兄弟选择器
选择紧接在另一个元素后的元素，二者有相同的父元素
例:增加紧接在h1元秦后出现的段落的边距

felix
关注
CSS中＞,+,~，空格，逗号等符号的使用
m0_48982503的博客
08-19 5959
目录 ~(波浪号) ： +(加号）： >(大于号)： 空格： , 逗号： 其中,+,~均为CSS3特有的选择器。 ~(波浪号) ： p~ul选择器 p之后出现的所有ul。 两种元素必须拥有相同的父元素，但是 ul不必直接紧随 p。 P~ul { background-color: pink; } <p>快乐生活</p> <ul> 　　 <li>昊昊&l...
CSS组合器：“,“逗号，“ “空格，“&#62“大于号，“+“加号，“~“波浪号
weixin_43736435的博客
07-04 292
选择器组 A,B 匹配A或B A,B{ color:red; } 后代选择器 A B 匹配A的后代B A B{ color:red; } 子选择器 A>B 匹配A的一代子节点B A>B{ color:red; } 相邻兄弟选择器 A+B 匹配A的下一个紧邻的兄弟节点B A+B{ color:red; } 通用兄弟选择器 A之后的全部兄弟节点B A~B{ color:red; } ...
css选择器 ~ （波浪号）、+（加号）、＞（大于号）的用法
最新发布
爱敲代码的卡拉米的博客
07-24 658
波浪号（：选择某个元素之后的所有同级特定元素。加号（：选择紧接在另一个元素之后的同级特定元素。大于号（：选择某个元素的直接子元素。了解这些选择器的区别和用法，可以帮助你更精确地控制CSS样式的应用，从而创建出更加精细和响应式的网页布局。
css代码中的“~”和“>”是什么意思
dongkan8129的博客
08-11 2829
css中“~”是: 为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置样式： p~ul{ 　　width：100px； } <p>1</p> <ul> 　　<li>2</li> 　　<li>2</li> 　　<li>2</li> ...
css中~、＞、+、[]、:和::详解
小马甲
01-24 1403
css中~、＞、+、[]、:和::详解。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
css中的 +,~, ＞
weixin_43755104的博客
07-30 1万+
文章目录css中的选择器~(波浪号)+(加号）\>(大于号) css中的选择器 ~(波浪号) p~ul选择器 p之后出现的所有ul。 两种元素必须拥有相同的父元素，但是 ul不必直接紧随 p。 P~ul { background-color: pink; } <p>快乐生活</p> <ul> 　　 <li>生活</li> 　　 <li>生活</li> 　　 &
jquery、css 的选择器(逗号/空格/英文句号/大于号/加号/波浪号)
lzqial1987的专栏
06-24 606
jQuery、CSS常用选择器 符号 描述 示例 说明 紧接无符号 相当于”并且“关系 input.k-textbox{ ... } 选出input并且包含k-textbox类的元素 , （逗号） 选择器分格符, 选择多种元素 h1, h2{ ... } 选出h1 和 h2 的所有元素 . （圆点） 类选择器 .k-textbox{ ... } 选出包含k-te...
css基础
heiboya的博客
10-20 247
css
十种CSS选择器详解介绍
01-31
- **定义**: 选择某元素的直接子元素，元素之间用大于号 `>` 分隔。 - **示例**: ```css p > strong { color: red; } ``` - **用途**: 控制直接子元素的样式。 - **注意事项**: 仅匹配直接子元素，而非所有后代...
CSS样式中” 大于号”
weixin_30498921的博客
11-15 313
CSS样式中”大于号” 在一段CSS代码中见到一个大于号(>)，代码如下： BODY#css-zen-garden>DIV#extraDiv2 { BACKGROUND-IMAGE:url(../images/bg_face.jpg); Z-INDEX: 2; ...
css 中 + ~ ＞
shaoduo的博客
09-21 191
p~ul选择器 p之后出现的所有ul。 　　两种元素必须拥有相同的父元素，但是 ul不必直接紧随 p。 css中“>”是: 　　css3特有的选择器，A>B 表示选择A元素的所有子B元素。 　　与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。 .a，.b｛逗号指相同的css样式｝；.a .b｛空格指后代元素｝；.a>.b｛大于号指子代元素｝； A+B表示HTML中紧随A的B元素；用一个结合符只能选择两个相邻兄弟中的第二个元素； li+li{font..
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中“~”
qq_57749525的博客
01-07 560
为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景： p~ul{ 　　background:#ff0000; } <p>快乐生活</p> <ul> 　　<li>生活</li> 　　<li>生活</li> 　　<li>生活</li> </ul> p~ul选择前面有 <p> 元素的每个 <ul> 元素。 定义和用法 ..
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中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ > ”（大于号）是什么意思？
01-02 2783
https://blog.csdn.net/suoyasong/article/details/80528218   为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景：     p~ul{ 　　     background:#ff0000;         }         &lt;p&gt;快乐生活&lt;/p&gt;       &lt;ul&gt; 　　    &l...
CSS
xwen1254288682的博客
05-22 487
一. 地址 网页上引入或链接到外部文件，需要定义文件的地址，常见引入或链接外部文件包括以下几种： &lt;!-- 引入外部图片 --&gt; &lt;img src="images/001.jpg" alt="图片" /&gt; &lt;!-- 添加一个图片 --&gt; &lt;img src="C:\course5\03day\images\001.jpg" alt=&quo
css3属性选择器，css中“~”（波浪号）、“，”（逗号）、“+”（加号）和（大于号）详解
林中明月间丶
04-12 1万+
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta
PHP脚本实现HTML中JS和CSS的版本号自动更新
"如何使用php脚本给html中引用的js和css路径打上版本号" 在Web开发中，为了提高网站性能和用户体验，通常会利用浏览器缓存机制来存储CSS、JavaScript等静态文件。然而，当这些文件需要更新时，浏览器可能会继续使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值