CSS 드롭 다운 메뉴 형식 문제

Question

CSS 드롭 다운 메뉴에 대한 도움이 필요합니다. 아래의 jsfiddle 링크.

두 가지 도움이 필요합니다. 첫 번째 방법은 5 개의 메뉴 항목을 페이지 전체에 퍼뜨리는 것입니다. 나는 ul li (margin-right : XXX)로 이것을 시도했지만 Item5가 페이지의 오른쪽으로 끝나기 전에 다음 줄로 넘어 갔다. 어떤 아이디어?

두 번째. 텍스트의 색상을 변경하려고합니다 (파란색 인 jsfiddle에서). 그러나 텍스트를 클래스에 추가하여 텍스트 색상을 변경하면 텍스트를 흰색으로 변경하는 호버 액션이 작동하지 않습니다. 마우스 오버가 여전히 작동하도록 텍스트 색상을 변경하려면 어떻게해야합니까?

감사합니다.

Answer 1

귀하의 바이올렛에 대한 업데이트를 확인하십시오. http://jsfiddle.net/G7Ghs/3/
일부 문자가 누락되었습니다 (예 : 문자가 누락되어 전환됨). 수정되었습니다.

""은 (는) 하이퍼 링크로 스타일이 지정되어 있으므로 브라우저에서 글꼴 색상을 파란색으로 설정하므로이 태그를 선택해야합니다.

ul li a{ color: orange; } 
ul li a:hover{ color: yellow; } 

몇 가지 데모 색상을 정의 했으므로 원하는 방식으로 변경하십시오.

는 측면 위에 걸쳐 5 열을 강제 마진 오른쪽을 제거하고, 예를 들면 설정하는

ul li { 
    margin: 0; 
    width:19%; 
    ... } 

든 20 %가되지 않고, 열 번호 (5)는 다음 행으로 분해한다

19 %의 것 좋아.

희망 하시길 바랍니다.