伪类选择器的设置效果为什么会被<p>段落标签断开?

来源:8-9 伪装者 - 伪类选择器

晴天小蜗牛

2017-12-12 16:42

在用伪类选择器时 . . .

...

....

. . . 为什么会出现鼠标滑过第一段第一段变为红色而第二段不滑不变色但是如果取消一套


就整体变红,是因为


将内容分割成段一段一个效果吗?求助大佬解答,谢谢。

写回答 关注

3回答

  • 慕用6977649
    2018-08-08 10:36:20

    每个段落是一块,如果你可以让两个段落重合,同时划过,就可以同时变色了

  • 滴水穿石201712
    2017-12-12 17:07:33

    就是使用伪类选择器时,如果设定了

    <style type="text/css">
    p:first-child {
      color: red;
      }
    </style>

    那么只作用于第一个p标签,结果如下,

    <body>
    <p>some text</p>/*这一行会变成红色*/
    <p>some text</p>/*这一行不会变*/
    </body>

    如果没有设置 first-child应该不会被切断。如果是其他原因,请贴上代码?

    lagina... 回复晴天小蜗牛

    <div id="body"> <p>段落1</p> <p>段落2</p> </div> CSS样式里写上: #body:hover{ color:red; } 这样就能一起变红了。

    2018-01-10 17:03:22

    共 10 条回复 >

  • Mr_灵
    2017-12-12 17:04:49

    你应该是给<p>设置颜色了? 我的理解是伪类选择器的权限不够。举个例子:超链接默认点击后变色,如果你不要这个效果的话可以选择用<span>去修改颜色强制取消变色功能。伪类选择器是类似功能。 萌新~错了勿喷那个(-.-

    晴天小蜗牛

    很感谢,大家一起交流嘛。是这样的如果文本出现两个段落标签伪类标签的效果会被段落标签断开,就是鼠标移到哪段哪段才变颜色,但是将段落标签换为空行标签时只剩下一套段落标签,滑过效果就一致了,难道是段落标签把效果也隔断了吗?嘿嘿虽然不是什么大问题 但是感觉很奇怪就问一下。

    2017-12-12 17:34:28

    共 1 条回复 >

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

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

1225806 学习 · 18234 问题

查看课程

相似问题