继承无效。该课程navlink_0
在上课,但该课程在上课navlink_1
。它返回到css文件开头的声明。怎么了?
我的HTML和CSS文件:
<div id="menu">
<div id="main_nav">
<ul class="mainnav">
<li><a href="top-angebote.html" onfocus="blurLink(this);" class="navlink_0">TOP ANGEBOTE</a>
</li>
</ul>
<ul class="mainnav">
<li><a href="reifen-komplettraeder.html" onfocus="blurLink(this);" class="navlink_1">REIFEN/ KOMPLETTRÄDER</a>
</li>
</ul>
</div>
</div>
#menu
{
position: relative;
float:left;
padding:0px;
margin:0px;
}
#main_nav
{
color: #FFF;
font-size: 12px;
font-style: italic;
display: inline-block;
font-weight: bold;
}
#main_nav .mainnav
{
color: #FFF;
padding:0px;
margin:0px;
display: inline-block;
font-weight: bold;
}
#main_nav ul {
color: #FFF;
padding:0px;
margin:0px;
list-type:none;
}
#main_nav .mainnav li
{
color: #FFF;
padding:0px;
margin:0px;
display:inline-block;
}
#main_nav .navlink_0
{
color: #FFF;
padding: 10px;
text-decoration: none;
line-height: 30px;
display: inline-block;
font-weight: bold;
}
#main_nav a.navlink_0:link, a.navlink_0:visited
{
color: #FFF;
text-decoration: none;
background-color: #0863AA;
background-image: linear-gradient(to bottom, #006EB7 0%, #0863AA 100%);
background-repeat: repeat-x;
}
#main_nav a.navlink_0:hover, a.navlink_0:active, a.navlink_0:focus
{
color: #FFF;
text-decoration: none;
background-color:#ac0727;
background-image:-webkit-gradient(linear,left 0%,left 100%,from(#e4041f),to(#ac0727));
background-image:-webkit-linear-gradient(top,#e4041f,0%,#ac0727,100%);
background-image:-moz-linear-gradient(top,#e4041f 0%,#ac0727 100%);
background-image:linear-gradient(to bottom,#e4041f 0%,#ac0727 100
background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4041f',endColorstr='#ffac0727',GradientType=0);color:#ffffff;
}
#main_nav .navlink_1
{
/* same above like navlink_0
* Typo3 Renering navlink_1
*/
}
#main_nav a.navlink_1:link, a.navlink_1:visited
{
/* same above like navlink_0
* Typo3 Renering navlink_1
*/
}
#main_nav a.navlink_1:hover, a.navlink_1:active, a.navlink_1:focus
{
/* same above like navlink_0
* Typo3 Renering navlink_1
*/
}
您的CSS坏了,看那行:
background-image:linear-gradient(to bottom,#e4041f 0%,#ac0727 100
缺少%);
:
background-image:linear-gradient(to bottom,#e4041f 0%,#ac0727 100%);
所以CSS遇到错误,它在那里停止渲染,这就是.navlink_1无法正确渲染的原因。
我强烈建议您清理CSS :)
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句