Question

如果我将代码中的级联样式表链接到：

<link rel="stylesheet" type="text/css" href="main.css">

在我的CSS文件中我有

a:link, a:visited {
    display: block;
    width: 120px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #1947D1;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
}
a:hover, a:active {
    background-color:#0029A3;
}

一切正常，直到我必须有一个格式不同的链接。是否可以完全重置样式或HTML文件中间的一个元素？或者我必须手动重置每个方面？我试过做

<style></style>

和

<a style="" href="projects.html">Projects</a>

但都没有重置样式。这是不可能的，还是我只是遗漏了一些明显的东西？

Answer 1

如果我理解正确，您希望以与主A其他主链接不同的方式为项目设置A链接的样式。正确？

如果是这样的话，那就是：

<a class="some-class" href="projects.html">Projects</a>

.some-class {
background-color:red /* whatever you want here. */
}

Answer 2

只需在CSS和标记中添加一个类名，这样就可以了。

a.class_name:link, a.class_name:visited {
    display: block;
    width: 120px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #1947D1;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transformation: uppercase;
}
a.class_name:hover, a.class_name:active {
    background-color:#0029A3;
}

<a class="class_name" href="projects.html">Projects</a>

是否可以在HTML文件中重置CSS？

2 个答案: