CSS中间有逗号表示相同的定义

最新推荐文章于 2025-05-10 22:29:14 发布
最新推荐文章于 2025-05-10 22:29:14 发布
阅读量878 收藏
点赞数
分类专栏： CSS
本文解释了CSS中多个类选择器使用逗号连接的方式，即.ad_stu,.ad_2,.ad_house{...}

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

CSS里面的的为什么有逗号

.ad_stu , .ad_2 , .ad_house{  ...   }

这里用了逗号，作用是表示这3个class用的是相同的css属性。
<div class="ad_stu">我是容器A</div>
<div class="ad_2">我是容器B</div>
<div class="ad_house">我是容器C</div>

css写成：.ad_stu , .ad_2 , .ad_house{  height:196px; float:left; margin: 5px 0 0 6px;  }

这时，上面A、B、C三个容器，呈现出来的效果是完全一样的，都是靠左浮动，高度都是196像素；
参考了
https://zhidao.baidu.com/question/1893393280652544060.html



                

        

    

    
  



    



                



	

		

			

				
					
CSS中＞,+,~，空格，逗号等符号的使用

				
			

			

				

					m0_48982503的博客
				

				

					08-19
					
					6171
					
				

			

		

		

			
				
目录

~(波浪号) ：

+(加号）：

>(大于号)：

空格：

, 逗号：




其中,+,~均为CSS3特有的选择器。


~(波浪号) ：


	p~ul选择器 p之后出现的所有ul。
	
	
	两种元素必须拥有相同的父元素，但是 ul不必直接紧随 p。
	

P~ul {
         background-color: pink;
       }

<p>快乐生活</p>
    <ul>
　　    <li>昊昊&l...

			
		

	



                

            
              



	

		

			

				
					
CSS——CSS字体样式属性和CSS外观属性

				
			

			

				

					流楚丶格念的博客
				

				

					06-26
					
					5600
					
				

			

		

		

			
				
爱是朝朝暮暮的相守CSS字体样式属性font-size:字号大小font-family:字体注意CSS Unicode字体font-weight:字体粗细font-style:字体风格font:综合设置字体样式 (重点)CSS外观属性color:文本颜色line-height:行间距text-align:水平对齐方式text-indent:首行缩进text-decoration 文本的装饰简单案例
CSS字体样式属性
font-size:字号大小
font-size属性用于设置字号，该属性的值可以使用相对长

			
		

	



              


  
              

                


	

		

			

				
					
每三个数字加一个逗号

				
			

			

				

					zeroone001的专栏
				

				

					04-08
					
					1458
					
				

			

		

		

			
				
var str='123456789';
var str=str.split('').reverse().join('').replace(/(\d{3})/g,'$1,').replace(/\,$/,'').split('').reverse().join('');
         alert(str);

挺好玩的，不是自己原创，只是借助这个平台让大家学到更多的知识。
前端的成长

			
		

	





	

		

			

				
					
CSS里面逗号和分号的区别

				
			

			

				

					dos_186的博客
				

				

					08-12
					
					1553
					
				

			

		

		

			
				
ad_stu , .ad_2 , .ad_house{  ...   }

这里用了逗号，作用是表示这3个class用的是相同的css属性。

而如果用空格，变成这样：.ad_stu .ad_2 .ad_house{  ...    }，其意思就全变了。这样用空格分开，变成了在ad_stu这个容器里有一个叫ad_2的容器,而在ad_2这个容器里，又包含着一个叫ad_house的容器。最终仅仅是ad

			
		

	



		

			
		



	

		

			

				
					
CSS的选择器中：逗号、空格分隔和连写的区别

					
最新发布

				
			

			

				

					coloma2012的博客
				

				

					05-10
					
					168
					
				

			

		

		

			
				
逗号分隔：就是只需要具备其中之一即可出现效果，二者是并列关系   $(this).find(".a,.c")空格分隔：就是二者是父子关系，是当前的元素子元素才会出现效果 $(this).find(".a .c")连写：就是需要同时具备才会出现效果  $(this).find(".a.b")

			
		

	





	

		

			

				
					
＞、~、+、空格、逗号 在 css中的用法

				
			

			

				

					m0_64208453的博客
				

				

					10-28
					
					2276
					
				

			

		

		

			
				
css

			
		

	





	

		

			

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

				
			

			

				

					小斐的专栏
				

				

					06-26
					
					1419
					
				

			

		

		

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

			
		

	





	

		

			

				
					
css旋转动画定义中心,css动画(transition/transform/animation)

				
			

			

				

					weixin_42593130的博客
				

				

					08-04
					
					1779
					
				

			

		

		

			
				
在开发中，一个好的用户操作界面，总会夹杂着一些动画。css用对少的代码，来给用户最佳的体验感，下面我总结了一些css动画属性的使用方法及用例代码供大家参考，在不对的地方，希望大佬直接拍砖评论。1 transition(过渡)使用语法:transition: property duration timing-function delay;参数：(1) property(设置过渡效果的css属性名称)...

			
		

	





	

		

			

				
					
CSS选择器

				
			

			

				

					晨曦蜗牛
				

				

					12-14
					
					1533
					
				

			

		

		

			
				
类型选择器，是对 HTML 标签中的 class 属性进行选择。CSS 类选择器的选择符是 “.”。

<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="utf-8"/>
    <title>CSS学习笔记</title>
    <style type="text/css">
        p {
            color: red;
  .

			
		

	





	

		

			

				
					
CSS——CSS复合选择器（重中之重 ☆）

				
			

			

				

					流楚丶格念的博客
				

				

					06-27
					
					5119
					
				

			

		

		

			
				
文章目录CSS复合选择器交集选择器并集选择器后代选择器子元素选择器伪类选择器链接伪类选择器
CSS复合选择器
复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。
交集选择器
交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。

记忆技巧：
交集选择器 是 并且的意思。  即…又…的意思
比如：   p.one   选择的是： 类名为 .one  的 段落标签。  

用的相

			
		

	





	

		

			

				
					
CSS3  简写animation

				
			

			

				

					09-25
				

			

		

		

			
				
在指定关键帧时，如果多个关键帧的样式相同，可以使用逗号将它们分隔开，然后统一指定样式，这样可以减少代码冗余，提高可维护性。例如，在`@keyframes buttonLight`中，`0%、50%、100%`的关键帧都设置了`opacity: 1...

			
		

	





	

		

			

				
					
CSS类选择器选择多个类用逗号隔开

				
			

			

				

					代码是程序员的语言，博客是思想的桥梁，连接你我，共享智慧之光。
				

				

					08-24
					
					5723
					
				

			

		

		

			
				
一

中间没有逗号隔开


.A.B {
  text-align: center;
  color: red;
}


含义：同时包含A类和B类的情况下，才引用此格式

注意：如果引用时引用了多个类，类之间产生矛盾，比如颜色又变红又变绿，那么后面的生效

例如：


.C {
  color: green;
}

.D {
  color: red;
}


<h1 class="C D">标题</h1>

二

中间有逗号隔开


.A，.B {
  text-align: ce

			
		

	





	

		

			

				
					
【Css】css中class之间＞(大于号)、~(波浪号)、 (空格)、,(逗号)、+(加号)详解（转载，笔记用）

					
热门推荐

				
			

			

				

					【敦厚的曹操】的专栏
				

				

					04-14
					
					1万+
					
				

			

		

		

			
				
css中“>”(大于号)、"~"(波浪号)、" "(空格)、","(逗号)、"+"(加号)详解 - 知乎对新手来说，在布局中通常搞不清这些符号的用法，今天就来为大家详细讲解一下。 1、>(大于号) 子元素选择器 >大于号的意思是 选择某元素后面的第一代子元素 案例<style type="text/css"> h1&…https://zhuanlan.zhihu.com/p/180011240

对新手来说，在布局中通常搞不清这些符号的用法，今天就来为大家详细讲解一下。

			
		

	





	

		

			

				
					
css class中逗号的用法

				
			

			

				

					hecius的专栏
				

				

					09-08
					
					3473
					
				

			

		

		

			
				
例子：
class m class n

.m,.n{width:780px;height:470px;overflow:hidden} 
.m .n{width:780px;height:470px;overflow:hidden} 用逗号隔开是两个样式.m与.n都用到后面的样式，用空格隔开的话就是在.m这个类下面.n这个类的样式，只有.m下面的.n才能用到后面的样式，而.m用不到这个样

			
		

	





	

		

			

				
					
09-选择器

				
			

			

				

					weixin_55101030的博客
				

				

					09-19
					
					233
					
				

			

		

		

			
				
选择器

			
		

	





	

		

			

				
					
CSS 学习笔记(一) 选择器

				
			

			

				

					ckxkexing的博客
				

				

					03-12
					
					364
					
				

			

		

		

			
				
css学习笔记
一个标签可以有多个class。重复的以后面的为准
并集选择器：用逗号分隔的。
复合选择器（交集选择器）：
​	满足多个条件的选择器。
​	语法：选择器1选择器2选择器3{}
​		(中间没有空格)
​	对拥有class为p3的span元素进行设计：
	span.p3{

		background-color:yellow;

   } 

父元素 与 子元素
就是直接包含的两个标签...

			
		

	





	

		

			

				
					
css基本选择器

				
			

			

				

					m0_67285201的博客
				

				

					12-08
					
					173
					
				

			

		

		

			
				
css基本选择器


			
		

	





	

		

			

				
					
HTML&CSS——选择器中间加空格和逗号的区别？

				
			

			

				

					oscar92420aaa的博客
				

				

					04-14
					
					1万+
					
				

			

		

		

			
				
p span{}选择了P元素下的所有span元素。这是后代选择器，空格是后代选择器的标识符。

p,span{}选择了P元素和span元素。这是多元素选择器，同时选择多个元素，元素之间用逗号分隔。

			
		

	





	

		

			

				
					
css 如何定义一个动画

				
			

			

				

					03-11
				

			

		

		

			
				
好的，用户想了解如何在CSS中定义动画。我需要分步骤解释清楚，确保他们能够理解整个过程。  首先，应该从基础开始，介绍关键帧的概念。关键帧动画是CSS动画的核心，所以需要详细说明@keyframes规则的用法，包括如何...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值