关于a{ } 和p a{ } 以及p>a{ } 三个效果一样,这里有什么区别么,或者三个都可以用

来源:10-3 再加粗一点 - 使用font-weight设置字体粗细

慕工程758277

2019-02-18 14:47

答案是a{font-weight:bold},但是我输入p a{font-weight:bold}和p>a{font-weight:bold}都可以通过,这里三个是都可以使用么或者有什么区别,需要优先用哪个?求解答,谢谢!


写回答 关注

3回答

  • 慕圣2206865
    2019-08-27 15:04:33

    我试了一下  用span好像不行  会继承上一个p span{font-weight:bold },用em把第二个括起来就有效果了

  • 宝慕林5085597
    2019-08-27 10:46:15

    https://img3.mukewang.com/5d6499620001af6e15630279.jpg

    你好,为什么我这两个a都有效,不应该第一个有效,其他无效吗?请问一下我哪里错了

    宝慕林508... 回复慕圣2206...

    关于子选择器应该理解为作用于子元素的第一代后代,而不是第一个后代,我在这里理解错了,上边两个a都属于p的同一代后代,所以两者都显示。

    2019-08-28 19:51:56

    共 2 条回复 >

  • BBQ丶我爱吃烧烤
    2019-05-10 17:24:32

    a{xxx;}这个是针对所有a标签的,比较好理解,就不举例了~



    p a{xxx;}这个叫包含(后代)选择器,是针对p标签里面所有a标签的,也就是说p标签以外的a标签不会有效果


    例子:<p>123<a href="#">aaa</a>456<a href="#">bbb</a>789</p>

    <a href="#">000</a>

    对这段代码使用p a{xxx;}的话,那么这段代码里面的aaa和bbb都会生效,但是在p标签以外的a标签,000不会出现效果~



    p>a{xxx;}这个叫子选择器,是针对p标签里面的第一个a标签的,p标签除第一个a标签以外的a标签不会生效


    例子:<p>123<a href="#">aaa</a>456<a href="#">bbb</a>789</p>

    <a href="#">000</a>

    可以发现aaa出现效果,bbb和000不会出现效果



    还有一种叫分组选择器  p,a{xxx;},这个相当于p{xxx;} a{xxx;},分组选择器可以说是一种优化的写法


    例子:<p>123<a href="#">aaa</a>456<a href="#">bbb</a>789</p>

    <a href="#">000</a>

    可以发现,123 aaa 456 bbb 000都有效果,无论是在p内还是外,无论是不是p内第一个~



    这个问题具体的在第八章会详细学到


    BBQ丶我爱...

    打漏了,最后一种789也有效果~

    2019-05-10 17:54:26

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1228585 学习 · 19080 问题

查看课程

相似问题