2016-09-28 3 views
2

어떻게이 CSS 선택기를 합칠 수 있습니까?비슷한 n 번째 자식 선택기는 어떻게 그룹화합니까?

td:nth-child(1), td:nth-child(4), td:nth-child(5) { 
    font-size: 25px; 
} 

나는

td:nth-child(1,4,5) { 
    font-size: 25px; 
} 

하지만이 나던 작품 같은 것을 생각했다. 이것을 압축하는 방법이 있습니까?

+1

클래스에 대해서만 생각할 수 있지만 'nth-child'기능을 잃는 것보다 – Justinas

+0

https://jsfiddle.net/nnzym84n/ – Tweakimp

+0

과 같은 것입니다. 첫 번째, 네 번째 및 네 번째 선택을 제어하는 ​​규칙은 무엇입니까? 다섯 번째 자녀? –

답변

1

an+b 수식을 사용하여 타겟팅 할 수없는 경우 (특정 사례의 경우) 가장 작성한 코드가 가장 짧습니다.

CSS 코드를 단순화하려면 클래스를 전환하면되지만 HTML은 덜 깨끗하게 보일 것입니다.

+0

감사합니다. 'an + b'만이 유일한 공식인가요, 아니면 뭔가 다른 것들을 골라 낼 수있는 다른 방법이 있습니까? – Tweakimp

+0

그게 유일한 것입니다 ('odd'와'even'을 기대합니다) – LinkinTED

관련 문제