小记CSS中逗号和空格的区别

最新推荐文章于 2025-05-10 22:29:14 发布
原创 最新推荐文章于 2025-05-10 22:29:14 发布 · 1.4k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
HTML/CSS

当前文章被收录于：

HTML/CSS
28 篇文章 1 人学习
订阅专栏 查看详情
本文介绍了CSS中不同选择器的应用方式，包括如何针对特定类或元素进行样式设置。通过实例展示了p.center、p .center及p,.center的选择器差异。


如下:

p.center 代表所有class="center"的p标签

p   .center 代表所有class="center"的p元素的子元素

p,.center 代表所有p元素和所有class="center"的元素


p.center
{
	text-align:center;
}
</style>
</head>

<body>
<h1 class="center">我是标题h1</h1>
<p class="center">我是段落p</p> 
</body>


单片机课程设计——交通灯
PKPROTEUS的博客
06-15 3万+
单片机课程设计——交通灯一、课程设计主要内容1.1 题目1.2摘要1.3关键词二、设计要求三、设计方案四、参考电路设计4.1.1数码管的设计4.1.2对应程序4.2.1独立按键的设计4.2.2对应程序4.2.3 使用逻辑4.3.1LED模块的设置4.3.2 LED实物图4.3.3 LED显示程序五、调试要点5.1 单片机最小系统5.2 数码管模块5.3 LED模块5.4 独立按键六、总结七、成品图完整程序 一、课程设计主要内容 1.1 题目 交通灯设计 1.2摘要 近年来,随着我国国民经济的快速发展,我国机
置顶必读(1) | 滚雪球学Oracle教程导航帖，带你弯道超车(持续更新中)
**My Coding Family**
09-30 1万+
什么是数据库管理系统（DBMS），Oracle在行业中的领先地位Oracle数据库的市场竞争与主要应用场景Oracle数据库的核心功能模块与未来技术发展趋势约束的高级应用：主键、唯一性、外键设计与管理表分区、视图、同义词与序列的最佳实践PL/SQL编程的设计哲学，如何高效使用Oracle SQL DeveloperPL/SQL代码调试与优化技巧RAC集群中的高可用性设计，负载均衡与并行查询的配置集群中的缓存一致性管理。
＞、~、+、空格、逗号 在 css中的用法
m0_64208453的博客
10-28 2672
css
初识数据之特征选择
M_inherit的博客
03-03 1046
【代码】初识数据之特征选择。
CSS中＞,+,~，空格，逗号等符号的使用
m0_48982503的博客
08-19 6364
目录 ~(波浪号) ： +(加号）： >(大于号)： 空格： , 逗号： 其中,+,~均为CSS3特有的选择器。 ~(波浪号) ： p~ul选择器 p之后出现的所有ul。 两种元素必须拥有相同的父元素，但是 ul不必直接紧随 p。 P~ul { background-color: pink; } <p>快乐生活</p> <ul> 　　 <li>昊昊&l...
css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ ＞ ”（大于号）是什么意思？
小斐的专栏
06-26 1550
css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ ＞ ”（大于号）是什么意思？
Vue进阶（七十二）：css 样式中 逗号、空格、冒号、点号、~、＞的区别
IT全栈 华强工作室
09-09 5977
css中用逗号隔开表示两个不同类的样式类名用同一个样式； 空格隔开表示从属包含关系，是当前的元素子元素； 逗号隔开表示并列关系，两者之间没有任何关系，可以使用同一个样式。 比如下面的代码示例： <div class="content"> <span class="content-child">子内容</span> 内容</div> &lt...
css的选择器-逗号、空格分隔和连写的区别
Alive_m的博客
10-30 2610
css的选择器-逗号、空格分隔和连写的区别
CSS小记一下
Kiddo2012的专栏
03-19 763
css基本语法格式： selector { property: value; property1: value; property2:value; } 不同的属性不同写法，注多个单词的value加引号
Web前端--HTML+CSS+JS新型冠状病毒射击小游戏_js射击小游戏源码
2401_84434331的博客
04-27 1270
对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。
CSS中的 “点“,“空格“,“＞“ ，“逗号”，“+ ”
12-30 1883
css中“>”是在子元素选择器中出现的:“>”是css3特有的选择器，表明class样式只作用于子级元素，对于子级再往下的元素则忽略不计，比如孙级的元素就会被忽略。只能选择作为某元素的最近一级子元素，简单理解就是选亲儿子元素。与 A B 的区别在于，A B选择所有后代元素，而A>B只选择一代。
在 CSS 选择器中，逗号（,）、空格（ ）和（无空格）区别
family20102010的博客
10-12 975
空格用于后代选择器（Descendant selector），它表示选择的是匹配左侧选择器的元素的后代（子、孙、曾孙等后代）中匹配右侧选择器的元素。空格分隔的选择器可以匹配同一棵 DOM 树中，具有特定层级关系的元素。逗号用于组选择器（Grouping selectors），它表示选择多个不同的选择器，并且为它们应用相同的样式规则。逗号分隔的选择器可以匹配不同的元素，但只有当元素匹配其中一个选择器时，样式才会被应用。值得注意的是，类选择器的顺序并不重要，只要元素的类名中包含所有类选择器的条件即可。
CSS 特殊字符 ‘#‘ 、‘.’ 、‘*’、‘：’、空格“ ”、 ‘＞’ ， ‘，’
LlanyW的专栏
12-30 7529
上面的代码运行后，你会发现，页面中出现一个高20px，宽500px，红色背景的一个层，它可以表明#号是控制id为“csdn”的这个DIV的，也就是说css中#号是控制和他同名的网页元素的。*号是css中的通配符，意思是所有的标签都有的属性，表示所有的标签都遵循的统一样式。运行上面的代码你会发先，“第一个层”和“第二个层”拥有的是相同的css属性。上面的*号设置了页面中所有文字大小后面在没有单独设置的情况下为14像素。
css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ > ”（大于号）是什么意思？
热门推荐
suoyasong的博客
05-31 4万+
为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景：p~ul{　　background:#ff0000;}  &lt;p&gt;快乐生活&lt;/p&gt;&lt;ul&gt;　　&lt;li&gt;生活&lt;/li&gt;　　&lt;li&gt;生活&lt;/li&gt;　　&lt;li&gt;生活&lt;/li&gt;&lt;/ul&am
关于css中“点“,“井号“,“逗号“,“空格“,“冒号“的用法
子燕若水的博客
12-09 5251
详解css中"点","井号","逗号","空格","冒号"的用法_三级小野怪的专栏-CSDN博客body{ font-family:Arial,sans-serif; color:#333333; line-height:1.166; margin:0px; padding:0px;}#masthead{ margin:0; padding:10px 0px; border-botton:https://blog.csdn.net/zhengzhb/article/details/7241642里面提到
CSS多个属性值之间用逗号OR空格
LadyZhong的博客
08-13 4925
1.逗号表示同个属性的多个可能取值，它是顺序取的，前一个不存在就选择后一个，描述同一属性。 body{         font-family: Arial, Verdana, Geneva, sans-serif ; } 2.空格表示同一对象不同属性，多个属性缩写成一行。 body{        border:1px solid #ccc; } 等价于 body{  
css中“~”（波浪号）、“，”（逗号）、“+”（加号）和“＞”（大于号）详解
yb305
07-24 1618
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｛大于号指子代元素｝； ...
css中的选择器总结
cjm1256549753的博客
05-18 806
css选择器用于“查找”要设置样式的html元素。css选择器分为基本选择器、包含选择器、属性选择器、伪类选择器、伪元素选择器五类。
【Css】css中class之间＞(大于号)、~(波浪号)、 (空格)、,(逗号)、+(加号)详解（转载，笔记用）
【敦厚的曹操】的专栏
04-14 1万+
css中“>”(大于号)、"~"(波浪号)、" "(空格)、","(逗号)、"+"(加号)详解 - 知乎对新手来说，在布局中通常搞不清这些符号的用法，今天就来为大家详细讲解一下。 1、>(大于号) 子元素选择器 >大于号的意思是 选择某元素后面的第一代子元素 案例<style type="text/css"> h1&…https://zhuanlan.zhihu.com/p/180011240 对新手来说，在布局中通常搞不清这些符号的用法，今天就来为大家详细讲解一下。
CSS的选择器中：逗号、空格分隔和连写的区别
最新发布
coloma2012的博客
05-10 247
逗号分隔：就是只需要具备其中之一即可出现效果，二者是并列关系 $(this).find(".a,.c")空格分隔：就是二者是父子关系，是当前的元素子元素才会出现效果 $(this).find(".a .c")连写：就是需要同时具备才会出现效果 $(this).find(".a.b")
矩阵的相关操作
Coldfresh的博客
12-26 604
1.在matlab中向量和数组等价 2.在matlab中空格和逗号一样属于间隔符， 如a=[1 2 3]是一个数组的初始化 3.用内置函数生成矩阵 ones(n,m)生成的矩阵的值均为1(ones(n,n)=ones(n)) zeros(n,m)生成的矩阵的值均为0 eye(n,m)类似于单位矩阵4.’:‘的用法 **num1:num2**num1到num2的数生成的数组 num1:
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
《操作系统原理》全套PPT课件2026
《操作系统原理》全套PPT课件2026
ComfyUI/QwenImageEdit 基础人物9宫格一致性写真
文件编号：c0155ComfyUI使用教程、开发指导、资源下载：https://datayang.blog.csdn.net/article/details/145220524AIGC工具平台Tauri+Django开源ComfyUI项目介绍和使用https://datayang.blog.csdn.net/article/details/146316250更多工具介绍项目源码搭建介绍：《我的AI工具箱Tauri+Django开源git项目介绍和使用》https://datayang.blog.csdn.net/article/details/146156817图形桌面工具使用教程：《我的AI工具箱Tauri+Django环境开发，支持局域网使用》https://datayang.blog.csdn.net/article/details/141897694
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值