css选择器中空格和逗号等

最新推荐文章于 2025-04-08 14:02:06 发布
最新推荐文章于 2025-04-08 14:02:06 发布
阅读量1.2k 收藏 6
点赞数 1
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/obj_668793/article/details/110646878
版权 
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
	<style type="text/css">
		.a{
			color: red;
		}

		.a,.b{/* 两个选择器之间是逗号的情况下，代表的是选择了两个类选择器 */ 
			color: red;
		}

		.a .c{ /* 当两个选择器之间有空格的情况下，代表的是子类选择器 */ 
			color: green;
		}
		.a.d{ /* 两个选择器之间没有空格的情况下，代表的是同时拥有两个类名的标签 */ 
			color: #140edd;
			font-size: 50px;
		}
	</style>
</head>
<body>
	<h5>两个选择器之间是逗号的情况下，代表的是选择了两个类选择器:</h5>
  <div>
    .a,.b{color: red;}
  </div>
	<div class="a">a</div>
	<div class="b">b</div>

	<h5>当两个选择器之间有空格的情况下，代表的是子类选择器</h5>
  <div>
    .a .c{color: green;}
  </div>
	<div class="a">
		<div class="c">c</div>
	</div>
	<h5>两个选择器之间没有空格的情况下，代表的是同时拥有两个类名的标签</h5>
  <div>
    .a.d{
    	color: #140edd;
			font-size: 50px;
    }
  </div>
	<div class="a d">a d</div>
</body>
</html>

 

 

 

 

 

【前端基础篇】CSS选择器 和 CSS属性
前端知识分享喵
06-14 1075
CSS 概述CSS ( Cascading Style Sheet ) 层叠样式表，用来修饰 HTML，使得效果更加多样化
【Python爬虫(11)】从入门到精通：CSS选择器在Python爬虫中的深度解析（豆瓣电影实例）
邓邓子的博客
02-17 1641
CSS 选择器是 CSS（层叠样式表）中用于选择 HTML 文档中元素的一种模式，它在网页样式控制中起着核心作用。通过 CSS 选择器，开发者可以精确地指定哪些 HTML 元素应该应用特定的样式规则，从而实现对网页外观的细致控制，比如改变文本颜色、字体大小、背景颜色、元素布局等。在 Python 爬虫领域，CSS 选择器同样是一种强大的工具，用于在 HTML 或 XML 文档中定位和提取所需的数据。
css 后代选择器 > 和 空格
lixiaotao_1的博客
05-23 719
1 > 含子不含孙 2 空格 包含子孙 举个栗子： 　　html代码如下 1 <body> 2 <div class="parent"> 3 <p>1p</p> 4 <div>2div 5 <p>-2.1p</p&...
css选择器（基础选择器、包含选择器、逗号选择器、属性选择器、伪类选择器、结构伪类选择器、伪元素选择器）
m0_74355247的博客
07-22 227
css选择器（基础、包含、逗号、属性、伪类、结构伪类、伪元素选择器）
CSS ＞子元素选择器和空格
最新发布
u010865136的专栏
04-08 424
当你想精确控制样式只影响直接子元素，避免影响更深层嵌套的元素时。（仅限第一层嵌套的子元素，不包含更深层的后代元素）。（相邻兄弟选择器）：选择紧跟在某个元素后的。：当你想影响所有符合条件的后代元素时。（通用兄弟选择器）：选择某个元素后的。不会受影响，因为它不是。的后代（无论嵌套多深）。，它用于选择某个元素的。
css选择器之间的 空格和逗号
anlou1537的博客
08-06 916
当两个选择器之间有空格的情况下，代表的是子类选择器 .a .b{} 代表的是a类的b子类 而两个选择器之间没有空格的情况下，代表的是同时拥有两个类名的标签 <div class="a b"></div> .a.b{} 当两个选择器之间是逗号的情况下，代表的是选择了两个类选择器 <div class="a"></div> <div cl...
css的选择器
luohailin_的博客
07-28 406
css的相关选择器
＞、~、+、空格、逗号 在 css中的用法
m0_64208453的博客
10-28 2222
css
CSS选择器到底有哪些？CSS笔记（一）
01-20
4. **选择器分组（并集选择器）**：用逗号`,`隔开多个选择器，如`h1, h2`会选择所有一级标题和二级标题。 5. **通配选择器**：`*`选择所有的元素。 6. **复合选择器（交集选择器）**：两个选择器之间没有操作符，...
CSS入门十一：其他选择器（id，*，逗号，空格，＞，+，[]）
小枯林的博客
12-21 2409
前几片博文，CSS入门一到CSS入门七中，各种例子中，选择器使用的标签选择器和类选择器。 CSS入门八到CSS入门十中，主要是伪类选择器和伪元素选择器； 那么除了，标签选择器、类选择器；伪类选择器、伪元素选择器之外，还有哪些选择器？ 都是 输的 ●1.id选择器 已知类选择器是可以重复的 id选择器不能重复，要是非得重复，不会报语法错，但再情理上不赞成这样写啦，否则容易给自己和队友挖坑。。。。 ...
flex4.5中CSS选择器的应用小结
10-27
在Flex 4.5版本中，CSS选择器的应用与HTML中的使用方式极其相似。开发者可以使用MXML标签的CSS样式来设定组件的外观和布局。Flex 4.5几乎支持所有的CSS应用方式，这里重点介绍几个主要的CSS选择器类型，包括标签选择...
CSS选择器-一文搞懂CSS选择器
u012764358的博客
03-14 897
ID选择器属于精确制导，给页面中的一个标签，定一个唯一的标识符，和类的区别是，类可以标识很多标签，但是 ID 选择器只标识唯一的，这就是精确制导，目标很明确。作用：使用 CSS 创建新的元素（标签），不真实存在于 html 结构树中，达到简化HTML 结构的目的。只选择按照流的顺序，即文档中元素的书写书序往下找到和自己相临的第一个同级元素。主要是针对于选中元素中的子元素来进行设置布局结构响应的样式。由写法 3 可以延伸出 属性值以某个字符串片段开始的写法。父元素中的某类选择器选中的。下面以 a 标签举例。
在 CSS 选择器中，逗号（,）、空格（ ）和（无空格）区别
family20102010的博客
10-12 701
空格用于后代选择器（Descendant selector），它表示选择的是匹配左侧选择器的元素的后代（子、孙、曾孙等后代）中匹配右侧选择器的元素。空格分隔的选择器可以匹配同一棵 DOM 树中，具有特定层级关系的元素。逗号用于组选择器（Grouping selectors），它表示选择多个不同的选择器，并且为它们应用相同的样式规则。逗号分隔的选择器可以匹配不同的元素，但只有当元素匹配其中一个选择器时，样式才会被应用。值得注意的是，类选择器的顺序并不重要，只要元素的类名中包含所有类选择器的条件即可。
CSS中＞,+,~，空格，逗号等符号的使用
m0_48982503的博客
08-19 6126
目录 ~(波浪号) ： +(加号）： >(大于号)： 空格： , 逗号： 其中,+,~均为CSS3特有的选择器。 ~(波浪号) ： p~ul选择器 p之后出现的所有ul。 两种元素必须拥有相同的父元素，但是 ul不必直接紧随 p。 P~ul { background-color: pink; } <p>快乐生活</p> <ul> 　　 <li>昊昊&l...
09-选择器
weixin_55101030的博客
09-19 221
选择器
css3 中选择器间有空格与没空格的区别？
金木AI
05-31 690
2、没有空格的选择器：没有空格通常表示一个复合选择器，它选择的是同时符合所有选择器条件的元素。常见的复合选择器包括直接子选择器、兄弟选择器和属性选择器。这个选择器表示选择所有 div 元素内部的 p 元素，无论 p 元素是在 div 的直接子级还是更深的子级。没有空格：通常用于复合选择器，表示选择同时符合多个条件的元素，如直接子选择器、兄弟选择器和属性选择器。这个选择器表示选择所有 div 元素的直接子级 p 元素。空格：表示后代选择器，用于选择某个元素的所有后代元素。
css中的选择器总结
cjm1256549753的博客
05-18 743
css选择器用于“查找”要设置样式的html元素。css选择器分为基本选择器、包含选择器、属性选择器、伪类选择器、伪元素选择器五类。
css选择器-自我理解
路漫漫其修远兮
07-15 589
::selection -选择的是页面上被用户选择的部分。例如我们想copy谋篇文章的文字，选取文字后cril+c。这个选择器就选择的是被选择的文字。例如下图： ：not(selector)-相当于*选择器排除selector选择的部分。注意‘selector’，括号中放的是选择器。 ：target- 选择当前活动的目标元素。目标元素:被连接的元素就是目标元素。注意：只能用#名字，目标元素...
CSS选择器总结
qq_74397635的博客
05-18 559
Html中的属性选择器
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值