CSS 클래스가 작동하지 않습니다.

쓰레기 사냥꾼

상속이 작동하지 않습니다. 수업 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
 */   
}
Enguerranws

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] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Wordpress 메뉴 CSS 클래스가 작동하지 않습니다.

분류에서Dev

Wordpress 메뉴 CSS 클래스가 작동하지 않습니다.

분류에서Dev

CSS 클래스가 제대로 작동하지 않습니다.

분류에서Dev

CSS 클래스 선택기가 작동하지 않습니다.

분류에서Dev

CSS onclick 활성 클래스가 작동하지 않습니다.

분류에서Dev

css 클래스가 제대로 작동하지 않습니다.

분류에서Dev

@ Html.ActionLink가 CSS 클래스에서 작동하지 않습니다.

분류에서Dev

활성 클래스 메뉴 HTML-CSS-JS가 작동하지 않습니다.

분류에서Dev

클래스 요소 아래에 주어지면 CSS 반응 코드가 작동하지 않습니다.

분류에서Dev

addClass (), 클래스가 추가되었지만 CSS가 작동하지 않습니다.

분류에서Dev

CSS a : active 가상 클래스가 작동하지 않음

분류에서Dev

Gtk3 CSS 적용 클래스가 작동하지 않습니까?

분류에서Dev

CSS : ID와 클래스가 의도 한대로 작동하지 않습니까?

분류에서Dev

CSS : ID와 클래스가 의도 한대로 작동하지 않습니까?

분류에서Dev

CSS의 클래스가 작동하지 않고 표시 문제

분류에서Dev

CSS 속성이 본문 클래스에 대해 작동하지 않습니다.

분류에서Dev

animate.css가 javascript의 일부 클래스에서 작동하지 않습니다.

분류에서Dev

일부 마법의 숨겨진 숫자로 인해 CSS 클래스가 작동하지 않습니다.

분류에서Dev

CSS 클래스 디자인이 추가 된 요소에서 작동하지 않습니다.

분류에서Dev

CSS 래퍼 div가 작동하지 않습니다.

분류에서Dev

css가 부트 스트랩 덜 작동하지 않습니다.

분류에서Dev

CSS 스프라이트가 작동하지 않습니다

분류에서Dev

CSS : SVG 스프라이트가 작동하지 않습니다.

분류에서Dev

Jquery 추가 클래스가 작동하지 않습니다.

분류에서Dev

GestureRecognizer의 하위 클래스가 작동하지 않습니다.

분류에서Dev

Typecasting PFObject 하위 클래스가 작동하지 않습니다.

분류에서Dev

Init 하위 클래스가 작동하지 않습니다.

분류에서Dev

클릭 함수에 2 개의 CSS 클래스를 사용하면 JQuery에서 작동하지 않습니다.

분류에서Dev

CSS가 작동하지 않습니까?

Related 관련 기사

  1. 1

    Wordpress 메뉴 CSS 클래스가 작동하지 않습니다.

  2. 2

    Wordpress 메뉴 CSS 클래스가 작동하지 않습니다.

  3. 3

    CSS 클래스가 제대로 작동하지 않습니다.

  4. 4

    CSS 클래스 선택기가 작동하지 않습니다.

  5. 5

    CSS onclick 활성 클래스가 작동하지 않습니다.

  6. 6

    css 클래스가 제대로 작동하지 않습니다.

  7. 7

    @ Html.ActionLink가 CSS 클래스에서 작동하지 않습니다.

  8. 8

    활성 클래스 메뉴 HTML-CSS-JS가 작동하지 않습니다.

  9. 9

    클래스 요소 아래에 주어지면 CSS 반응 코드가 작동하지 않습니다.

  10. 10

    addClass (), 클래스가 추가되었지만 CSS가 작동하지 않습니다.

  11. 11

    CSS a : active 가상 클래스가 작동하지 않음

  12. 12

    Gtk3 CSS 적용 클래스가 작동하지 않습니까?

  13. 13

    CSS : ID와 클래스가 의도 한대로 작동하지 않습니까?

  14. 14

    CSS : ID와 클래스가 의도 한대로 작동하지 않습니까?

  15. 15

    CSS의 클래스가 작동하지 않고 표시 문제

  16. 16

    CSS 속성이 본문 클래스에 대해 작동하지 않습니다.

  17. 17

    animate.css가 javascript의 일부 클래스에서 작동하지 않습니다.

  18. 18

    일부 마법의 숨겨진 숫자로 인해 CSS 클래스가 작동하지 않습니다.

  19. 19

    CSS 클래스 디자인이 추가 된 요소에서 작동하지 않습니다.

  20. 20

    CSS 래퍼 div가 작동하지 않습니다.

  21. 21

    css가 부트 스트랩 덜 작동하지 않습니다.

  22. 22

    CSS 스프라이트가 작동하지 않습니다

  23. 23

    CSS : SVG 스프라이트가 작동하지 않습니다.

  24. 24

    Jquery 추가 클래스가 작동하지 않습니다.

  25. 25

    GestureRecognizer의 하위 클래스가 작동하지 않습니다.

  26. 26

    Typecasting PFObject 하위 클래스가 작동하지 않습니다.

  27. 27

    Init 하위 클래스가 작동하지 않습니다.

  28. 28

    클릭 함수에 2 개의 CSS 클래스를 사용하면 JQuery에서 작동하지 않습니다.

  29. 29

    CSS가 작동하지 않습니까?

뜨겁다태그

보관