내비게이션을 여러 개의 <li> 개 있습니다.자동 색 선택을 사용하는 n 번째 자식?
모든 <li>는 자신의 클래스 (NAV-1, NAV-2 등)
가 지금은 각 클래스에게 다른 배경 색상을주고 싶습니다있다.
하나의 CSS 태그에서이 작업을 수행 할 수있는 방법이 있습니까?
시간이 지남에 따라 메뉴가 커지고 모든 변경에 손을 넣고 싶지 않기 때문에. 즉,
color: #eee +X;
같은 그러나 attr()를 사용하여 카운터 '값을 retreive 다음 calc()에 그 값을 삽입 할 수 없습니다, CSS에서 counters있다.
충분하다면 예를 들어 5 가지 색상을 반복 할 수 있습니다. 코드는 다음과 같습니다.
li:nth-of-type(5n+1) { color:#000; }
li:nth-of-type(5n+2) { color:#333; }
li:nth-of-type(5n+3) { color:#666; }
li:nth-of-type(5n+4) { color:#999; }
li:nth-of-type(5n) { color:#CCC; }
또는 javascript (jQuery 가능)를 사용하여 작업을 수행 할 수 있습니다.
얼룩말 줄무늬 같은 반복되는 알려진 양의 색상이 있습니까? 또는 그라데이션과 거의 같은 증분 변경? – isotrope
그래디언트 (더 반복되지 않는)와 같은 더 – 3und80
당신은 단지 수십 가지 항목 앞에서 CSS를 넣을 수 없습니까? 그렇지 않으면 메뉴가 어떻게 커질까요? 항목을 추가하는 자동화 된 프로세스가 있습니까? –