html - 关于css选择器语法的疑问。
本文介绍了html - 关于css选择器语法的疑问。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
新人,准大学狗。打算暑假先自学一下前端技术。
在学习CSS的时候遇到一些疑问。
代码如下:
<html>
<head>
<title>TEST</title>
<style type="text/css">
#HHH #shit.stronggg{color:red;} /*疑问在这一行*/
.MainDIV .Fxxk1{color:blue;}
</style>
</head>
<body>
<div class="MainDIV">
<p class="Fxxk1">第一段测试文字</p>
<p class="Fuck1">第二段<strong>测试文字</strong></p>
</div>
<div id="HHH">
<p id="shit"><strong class="stronggg">shit</strong></p>
</div>
</body>
</html>
无视这些尴尬的ID和类(捂脸)。
出现疑问的位置已经用注释标记好,为什么#shit后面的.stronggg不能用空格隔开呢?如果把那一行改成#HHH .stronggg,又需要添加一个空格。
我有点迷糊了。
希望大神不要嘲笑小弟的无知,给出一点指点意见。谢谢。
解决方案
连在一起表示id=shit且class=stronggg, 隔开表示id=shit 下边的 class=stronggg
这篇关于html - 关于css选择器语法的疑问。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文