关于后代选择器

关于后代选择器

比如类为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>




  • lijikai1937 提问者 #1
    非常感谢!
    2017-11-20 11:54:52
酸菜吴 2017-11-19 15:01:55

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

  • 提问者 lijikai1937 #1
    后面有道选择题,就是直接写类名点的,前面没有写标签名的是错的选项。。。估计应该不能这么写。
    2017-11-19 18:36:05
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师