새로 고침시 CSS 변경

Question

이 웹 사이트의 연락처 페이지는 정상적으로 작동하지만 페이지를 새로 고치면 탐색 목록의 CSS 속성 display:inline;이 무효화됩니다. 이 문제는 Safari에만 존재합니다.

두 개의 다른 페이지에 동일한 CSS 스타일 시트가 사용되고 괜찮므로 매우 혼란 스럽습니다! 우선 들어

http://www.katieburchett.co.uk/Contacts.html

Answer 1

, 당신의 HTML 마크 업이 잘못되었습니다. 이 경우, 모든 동작이 정의되지 않고 브라우저에 따라 달라질 것으로 예상됩니다.

<ul> 
    <a href="index.html"> 
     <li>Home</li> 
    </a> 
    <!-- and so on --> 
</ul> 

According to the spec 만 li 요소 ul 요소의 직계 자식으로 허용됩니다 : 당신이 있습니다. 그래서 마크 업 는이 있어야한다 :

<ul> 
    <li> 
     <a href="index.html">Home</a> 
    </li> 
    <!-- and so on --> 
</ul> 

물론, 그 변경 한 후 새 마크 업을 설명하기 위해 CSS 선택기/규칙을 조정해야 할 수도 있습니다.

당신이 이상한 마크 업/스타일의 행동을보고있는 때마다, 특히은 브라우저 별, 당신이해야 첫 것은 validate your code입니다.