这道题的class选择器

来源：2-6 编程练习

慕粉3319331

2022-10-19 10:55:43

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .title {
            color: green
        }

        a {
            color: #009;
            text-decoration: none;
        }
       
        span {
            color:orange;
        }
    </style>
</head>
<body>
    <!-- 标题区 -->
    <div class="title and comment_type">
        <p class="title">大话西游之大圣娶亲的影评</p>
        <p>
            <a href="">热门</a>
            <a href="">最新</a>
            <a href="">好友</a>
        </p>
        <!-- 评论区 -->
    <div class="comments">
        <a href="">罗红霉素</a><span>★★★★★</span>&nbsp2010-07-06
        <p>有人跟我比赛背单词吗</p>
        <p>阅读：1615<a href="">&nbsp&nbsp有用</a></p>
        <hr>
        <a href="">十七只猫和鱼</a><span>★★★★</span>&nbsp2006-04-26
        <p>任何时候任何场景都可以再看一遍的电影</p>
        <p>阅读：515<a href="">&nbsp&nbsp有用</a></p>
        <hr>
        <a href="">暖家男</a><span>★★★★★</span>&nbsp2006-04-22
        <p>一定有一些电影 永远都不能被超越</p>
        <p>阅读：490<a href="">&nbsp&nbsp有用</a></p>
    </div>
    </div>
</body>
</html>

老师你好，我了解class与id选择器的区别，通俗的讲，class选择器可以被引用很多次，但id选择器只能用一次，但是这道题出现问题了，就是我在"大话西游之大圣娶亲的影评"用了class="title"选择器，结果后面关于p标签全都是绿色了，关键是我也没有让后面的p标签也加上title属性，也就是p class="title"，他们就相当于自动加上了，这是为什么呢？我试了一下，如果把class选择器改为id选择器那又正常了。谢谢~

写回答

1回答