Question

首先我想说谢谢你让我受到欢迎，我在这里的最后几天学到的东西比过去6个月里的东西要多，所以道具！我的问题很长一段时间困扰着我，我找不到合适的答案，也许我问错了问题。基本上我有我的标题导航链接，我想自定义而不影响页面上的其余链接。我想让他们使用纯粹的css改变鼠标等的颜色而不改变体内的链接。我如何做到这一点，因为：链接a：访问等似乎是他们自己的类：/提前谢谢！

Answer 1

只需使用父选择器，包装您要编辑的链接，而不更改包装器中的任何其他内容

HTML

<div id="header"><a href="">styled link</a></div>
<a href="">not styled link</a>

CSS

#header a, #header a:active, #header a:link, #header a:visited { color: white }
#header a:hover { color: blue }

还要注意最新版本的firefox＆amp; chrome不支持：由于安全问题而访问过的伪类

Answer 2

HTML：

<a class='fancylink'>Hi</a>
<a>No Fancy Link</a>

的CSS：

.fancylink{
    color:blue;
    text-decoration:none;
}

.fancylink:hover{
    color:yellow;
}

这不是一个设计，但它回答了你的问题。 =）

Answer 3

<div class="firstbit">
   <a href=......

</div>

然后

.firstbit a,
.firstbit a:hover
{
   Style stuff here
}

然后执行相同操作但更改类的名称

Answer 4

您想在CSS中使用特异性。这可以通过多种方式完成。

方法1：课程

首先，为所有导航链接添加类似的类，例如<a href="#" class="classname"></a>

其次，在CSS中添加

a.classname:link {} 
a.classname:visited {} 
/* etc */

方法2：容器

首先，对称为容器的标签内的所有导航链接进行分组，例如

<div id="idname">
<a href="#"></a>
<a href="#"></a>
</div>

其次，在CSS

中

#idname a:link {}
#idname a:visited{}
/* etc */

Answer 5

CSS选择器有多个部分，用空格分隔。这些部分中的每一部分都选择前一部分的儿童（或儿童的孩子，等等），如果是最后一部分，则选择整个页面。（如果有>之类的内容，此行为会发生变化，但这与此问题无关）

每个部分都可以包含多个用于过滤的内容。例如，您提到了a:link。这是两部分：a，将其过滤为a个标记，:link将其过滤为链接。如果你把它放在一起，它会说“a标签是链接”。

如果您将其与ID选择器#id）一起使用，则可以制作类似#header a:link的内容，该a仅定位id个标记，这些标记是具有{{的元素中的链接1 {} header。

样式链接页面的一部分而不是另一部分

5 个答案: