<style>
        .div1{
            width: 300 px;
            height: 100 px;
        }
        .div1 .text{color: red;}
        .user .login{color: green;}
        .user.login{color: red;}
    </style>

  <p class="user">
            <span class="login">user login</span>
        </p>
        <p class="user">
            <span class="user login">user login2</span>
        </p>

第一个是绿色 第二个是红色