关于后代选择器
来源:3-16 css后代选择器
lijikai1937
2017-11-19 13:33:25
比如类为special的h1下面的em可以写成
h1.special em
直接写成
.special em
这样对吗?我试了效果一样,不知道语法对不对。看id选择器后面的em可以直接写成这样。
2回答
你测试一下这两段代码就明白这两种写法的区别了。
第一段:
<html>
<head>
<style>
.specail em {color:red;}
</style>
</head>
<body>
<h1 class="specail">中华人民<em>共和国</em></h1>
<h2 class="specail">中华人民<em>共和国</em></h2>
</body>
</html>
第二段:
<html>
<head>
<style>
h1 .specail em {color:red;}
</style>
</head>
<body>
<h1 class="specail">中华人民<em>共和国</em></h1>
<h2 class="specail">中华人民<em>共和国</em></h2>
</body>
</html>
酸菜吴
2017-11-19
我的理解是:h1.special em是表示类为special的h1下面的em,而.special em仅仅表示类为special下面的em标签。如果代码中类为 special的父级只有h1的话,那效果是没有区别的,如果代码中类为special的父级除了h1还有其他标签的话,效果不一样了。
相似问题