关于后代选择器

来源:3-16 css后代选择器

lijikai1937

2017-11-19 13:33:25

比如类为special的h1下面的em可以写成

h1.special em

直接写成

.special em

这样对吗?我试了效果一样,不知道语法对不对。看id选择器后面的em可以直接写成这样。

写回答

2回答

酸菜吴

2017-11-20

你测试一下这两段代码就明白这两种写法的区别了。

第一段:

<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>




0
hijikai1937
h 非常感谢!
h017-11-20
共1条回复

酸菜吴

2017-11-19

我的理解是:h1.special em是表示类为special的h1下面的em,而.special em仅仅表示类为special下面的em标签。如果代码中类为 special的父级只有h1的话,那效果是没有区别的,如果代码中类为special的父级除了h1还有其他标签的话,效果不一样了。

0
hijikai1937
h 后面有道选择题,就是直接写类名点的,前面没有写标签名的是错的选项。。。估计应该不能这么写。
h017-11-19
共1条回复

0 学习 · 36712 问题

查看课程