css并列类分类器的用法

css文件里面的并列类分类器是怎么应用的?
例如.A和.B并列(中间空格隔开),样式都是颜色为红色。为什么测试的时候文本的颜色还是黑色?这种情况怎么用?

 <html>
<head>
<style type="text/css">
.A .B
{color: red;}
</style>
</head>

<body>
<p class="A">Testing text</p>
</body>
</html>

3个回答

图片说明

你说的不太明白,所以我不知道你什么需求;要是并列的话你可以直接用标签p{样式}或者你可以给每个赋个id;

如果回答对您有帮助,请采纳

erictamlam
erictamlam 就是想知道.A .B这种选择器的用法,但是我试过了标签下的标签,怎么颜色还是不变?帮我看看代码是不是写错了?
5 年多之前 回复

改后的代码如下:

 <html>
<head>
<style type="text/css">
.A .B
{color:red;}
</style>
</head>

<body>
<p class="A">
Testing text A
<p class="B">
Testing text B
</p>
</p>
</body>
</html>

中间用逗号隔开

 <html>
<head>
<style type="text/css">
.A,.B                              
{color:red;}
</style>
</head>

<body>
<p class="A">
Testing text A
<p class="B">
Testing text B
</p>
</p>
</body>
</html>
danielinbiti
danielinbiti 回复erictamlam: 你可以按照树结构去理解。B要生效,B往上的节点必须得有A。否则如果上级(不一定是直接上级)节点没有找到A,这个节点即时给了B样式也没用
5 年多之前 回复
erictamlam
erictamlam 中间用逗号隔开意思.A和.B类选择器的样式都是颜色为红色,跟子标签没关系。<p class="A">Testing text A</p> <p class="B">Testing text B</p>测试都是红色。问题是.A和.B中间用空格隔开,定义成这样的选择器是个什么用法?这是我想问的问题
5 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐