是否有方法覆盖应用于<;的所有css规则;a>;标签

是否有方法覆盖应用于<;的所有css规则;a>;标签,css,Css,编辑:是否有方法更改已单击链接的颜色,并在单击导航栏中的另一个链接之前保持该颜色?谁能给我提供一个Javascript代码,它是硬编码的,可以改变点击的活动链接的颜色 编辑:我还检查了Chrome浏览器中的元素,当我检查元素并查看样式部分时,没有CSS强制单击的和活动的链接为白色。有没有办法检查是否有一个Javascript代码可以做到这一点?我不知道太多JavaCScript代码,所以我不知道要查找什么。另外,如何使用Chrome DevTools强制:在元素上激活 基本上,我在网上买了一个网

编辑:是否有方法更改已单击链接的颜色,并在单击导航栏中的另一个链接之前保持该颜色?谁能给我提供一个Javascript代码,它是硬编码的,可以改变点击的活动链接的颜色

编辑:我还检查了Chrome浏览器中的元素,当我检查元素并查看样式部分时,没有CSS强制单击的和活动的链接为白色。有没有办法检查是否有一个Javascript代码可以做到这一点?我不知道太多JavaCScript代码,所以我不知道要查找什么。另外,如何使用Chrome DevTools强制:在元素上激活

基本上,我在网上买了一个网站的模板,并有代码。该模板有许多文件,并且非常基于javascript。因此,在导航栏中,如果我单击一个链接,网页不会改变,布局也会改变,网页链接也会改变(比如从site.com/index变为site.com/contacts),但实际的网页不会改变。此外,导航栏中的链接都是绿色的,当我单击链接时,活动链接将变为白色,而所有其他链接都是绿色的。我找不到代码的这一部分在哪里,所以我想知道是否有一种方法可以覆盖所有应用于标记的css规则,然后只做

a:avtive {
    color: red;
}
我确实试过了

a:active {
    color: red !important;
}
但那没用,没用

到目前为止,我的代码是

<nav class="menuL">
<ul id="menu">
<li><a href="#!/page_about"><span></span>biography</a></li>
<li><a href="#!/page_portfolio" id="portmenu"><span></span>portfolio</a></li>
<ul id="submenu">
    <li class="subclass" id="first"><a href="#!/page_wine">Wine</a></li>
    <li class="subclass" id="second"><a href="#!/page_landscape">Landscape</a></li>
    <li class="subclass" id="third"><a href="#!/page_divers">Divers</a></li>
</ul>
</ul>
</nav>
<nav class="menuR">
<ul id="menu2">
<li><a href="#!/page_galleries"><span></span>galleries</a></li>
<li><a href="#!/page_contacts"><span></span>contact</a></li>
</ul>
</nav>


你应该能够覆盖它们,只要你的css在它们的css之后,并且它们没有设置JS中硬编码的颜色。我对此表示怀疑

a:active {
    color: red !important;
}

!!重要的不是很好,因为很难调试所有规则都无法做到这一点-如果它们使用JavaScript将某些样式直接应用于元素,则在一般情况下,您将无法覆盖它们


您可以使用chromedevtools来识别哪个CSS生成白色规则。它允许您对元素强制执行
:active
。如果没有CSS规则,则可能是在JavaScript中完成的。

更新的jQuery解决方案:

$(document).ready(function() {
  $('nav a').click(function() {
    $(this).closest('nav').find('.activeAnchor').removeClass('activeAnchor');
    $(this).addClass('activeAnchor');
  });
});
然后,你需要一些css的类,例如

a.activeAnchor {
  color:red;
}
因此,在标题中,您需要:

<head>
  <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
  <script src="http://link-to-your-jquery-script.js" type="text/javascript"></script>
  <link href="link-to-your-style.css" rel="stylesheet" type="text/css" />
</head>

查找链接类属性的链接它看起来像class=“nav”之类的。然后申请。 a、 导航:活动{您的样式;}
其中nav是类

如果您能找到它是什么,您可以尝试放置默认CSS:您确定要使用:active吗?这只是当你点击链接的时候。还有:link:hover和:visted。@Andy G wait,在单击其他链接之前,链接是否处于活动状态?所以a:active{color:red}会使链接保持红色,直到导航栏中的另一个链接被右键单击为止?
处于活动状态
,而链接被短暂单击。@Andy G那么有没有办法在导航栏中的另一个链接被单击之前更改链接的颜色?我想他们正在设置用JS硬编码的颜色,我试着将CS一直移动到底部,但没有成功。我把它一直移到顶端,但还是不起作用。导航>a:active优先于a:active吗?还有,我可以在JS文件中搜索任何关键字,看看它们是否设置了JS中硬编码的颜色?通常在JS中,您只是更改元素的类,而不是完全更改颜色。试着像Andrey说的那样,在firefox中打开Chrome开发工具或Firebug,检查元素的设置,看看它们是如何设置的。JS中的硬编码是这样的。。但也许别无选择。就我个人而言,我宁愿死在jQuery或JSO中编写整个风格的网站之前,也不要在jQuery中编写整个风格的网站——这太迟钝了!你看,把这段代码放在我的index.html文件中没有做任何事情,没有做任何更改,活动链接仍然没有变成红色。我认为颜色是硬编码的。。谁能给我提供一个硬编码的Javascript代码,并改变点击的活动链接的颜色?。。但是等等,bukko提供的代码,它不是必须在标签之间,而不是标签之间吗?你是否像一些人建议的那样调查了Chrome?只需右键单击锚点并选择“Inspect element”-右侧将显示应用的和未应用的样式的分解。是的,当我检查元素并查看样式部分时,没有CSS强制单击的和活动的链接为白色。有没有办法检查是否有一个Javascript代码可以做到这一点?我不知道太多JavaCScript代码,所以我不知道要查找什么。另外,我如何使用Chrome DevTools强制:在元素上激活?当我检查元素并查看样式部分时,没有CSS强制单击和激活的链接为白色。有没有办法检查是否有一个Javascript代码可以做到这一点?我不知道太多JavaCScript代码,所以我不知道要查找什么。另外,如何使用Chrome DevTools强制:在元素上激活?