CSS 문제 : 링크가 잘못 표시되었습니다.

a { 
    color: #000; 
} 

a:hover { 
    text-decoration: none; 
    color: #fff; 
}

이것이 내가 사용하는 코드입니다. 그러나 내 페이지에있는 링크 중 하나도 듣지 않습니다. 그들은 대신 이것을 준수합니다 :CSS 문제 : 링크가 잘못 표시되었습니다.

#menu li, a { 
    text-align: center; 
    display: block; 
    float: left; 
    margin: 0; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size:1.2em; 
    color: #575757; 
    text-decoration: none; 
    list-style: none; 
}

따라서 많은 링크가 비뚤어졌습니다. 왼쪽과 사물이 모두 떠 다니기 때문입니다.
링크 자체에 대한 코드는 어떤 방식으로도 래핑되지 않습니다. 적어도 내 실수를 설명하는 방식은 아닙니다.

<div id="footer"> 
    <p><center>Copyright 2008 - <a href="index.php">G.S.B.V. Pugilice</a></center></p> 
</div>

그 코드 비트는 두 줄을 하나가 아니라 두 줄 제공합니다. 두 번째 줄에는 링크가 떠 있습니다.

출처

2009-01-01 Kablam

선택기 작동 방식을 잘못 이해했다고 생각합니다.

#menu li, a { ... }

수단은 발견 된 어떤 곳으로는 ID #menu 와와 요소의 리튬 자손에 스타일을 적용 할 수 있습니다.

당신은 실제로 의도나요 -

#menu li, #menu a {...}

출처

2009-01-01 16:44:21 AnthonyWJones

나는 그 아이디가 "메뉴"라는 점을 감안할 때 그 아이의 의미를 정확히 알 수 있습니다. AnthonyWJones가 당신이 의도하는대로 행동을 취해야한다고 제안했다는 것을 당신이 생각한다면 나는 생각합니다. –

예, 그렇습니다. 감사! – Kablam

다음을 사용할 수 있습니까 : #menu li a {...}, li 뒤에 쉼표가 없습니까? 따라서 li 태그 내의 메뉴에있는 링크 만 선택됩니까? – Kablam

CSS 문제 : 링크가 잘못 표시되었습니다.

답변

관련 문제