상속이 작동하지 않습니다. 수업 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] 삭제
몇 마디 만하겠습니다