CSS样式应用于几次

从Chrome调试器：CSS样式应用于几次

element.style { 
} 

#title a:link,a:visited,a:hover,a:active { 
    color: #FF33CC; 
    text-decoration: none; 
}

（低于这个一切都被勾销），

nav a:link,a:visited,a:hover,a:active { 
    color: #000000; 
    text-decoration: none; 
} 

nav a:link,a:visited,a:hover,a:active { 
    color: #000000; 
    text-decoration: none; 
} 

#title a:link,a:visited,a:hover,a:active { 
    color: #FF33CC; 
    text-decoration: none; 
} 

#title a:link,a:visited,a:hover,a:active { 
    color: #FF33CC; 
    text-decoration: none; 
}

我试图找出为什么一个元素（标题）是没有正确显示。这正是它在html正文中的样子：

<div id="title"> 
    <a href="link.html">link</a> 
</div>

我知道当它被击穿时，该风格没有被应用。我不明白的是 a）为什么导航模式被调用？ b）为什么链接的标题样式被多次调用？它第一次似乎能够工作，但第二次它被击穿了？（在网站上，该元素目前只显示为黑色文本。）

在此先感谢！

来源

2014-03-29 user3027566

您的样式正在被调用，因为导航父项只适用于选择器的第一部分。基本上，你有这样的：

nav a:link, 
a:visited, 
a:hover, 
a:active{ 

//style 

}

你真正想要的是：

nav a:link, 
nav a:visited, 
nav a:hover, 
nav a:active{ 

//Style 

}

同样的事情会为#title a:link, a:visited, a:hover, a:active

我的猜测为什么它试图使用相同的多次CSS会是你在多个地方有相同的CSS。例如。你要么

导入CSS两次
导入两个CSS文件有重复的风格
复制的CSS在一个CSS文件

检查相关的行号，看看他们是否是相同的（意思是它实际上使用两次完全相同的CSS）或不同的（这意味着你在多个地方有相同的CSS）。

来源

2014-03-29 20:53:48 David

哦，谢谢！很明显，我没有意识到有关id标签。 – user3027566

您有：

#title a:link, a:visited, a:hover, a:active { 
color: #FF33CC; 
text-decoration: none; 
}

，但它好像你需要的是：

#title a:link, #title a:visited, #title a:hover, #title a:active { 
color: #FF33CC; 
text-decoration: none; 
}

标识牌都有每个逗号后才会出现，否则你是造型的各个环节，不仅是带#title id的。

希望有帮助！

来源

2014-03-29 20:55:17 jparodi1

CSS样式应用于几次

回答

相关问题