html - 如何修改仅属于特定类的链接？

Question

我想修改仅属于类(class)内容的链接(<a> 标签)。

HTML 代码

<div class="content">
        <a href="semI">SEM I </a> </br></br>
        <a href="semII">SEM II </a>
</div>

CSS 代码

a.content:link, a.content:visited {
    background-color: #f44336;
    color: white;
    width : 400px;
    padding-left: 25px;
    text-align: left; 
    text-decoration: none;
    display: inline-block;
}

Answer 1

将您的 css 更改为 .content a

.content a:link, .content a:visited {
        background-color: #f44336;
        color: white;
        width : 400px;
        padding-left: 25px;
        text-align: left; 
        text-decoration: none;
        display: inline-block;
    }

此外，br标签应该写成<br> , 不是 </br>

.content a:link,
.content a:visited {
  background-color: #f44336;
  color: white;
  width: 400px;
  padding-left: 25px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
}

<div class="content">
  <a href="semI">SEM I </a> 
  <br>
  <br>
  <a href="semII">SEM II </a>
</div>