첫 번째 것을 제외한 모든 'tr'을 선택하십시오.

CSS가있는 테이블 tr에서 첫 번째 요소를 제외한 모든 요소를 어떻게 선택할 수 tr있습니까?

이 방법을 사용해 보았지만 효과가 없다는 것을 알았습니다.

첫 번째 tr또는 후속 클래스에 클래스를 추가합니다 tr. CSS만으로 원하는 행을 선택하는 크로스 브라우저 방법은 없습니다.

그러나 Internet Explorer 6, 7 또는 8에 관심이없는 경우

tr:not(:first-child) {
    color: red;
}

IE7 이상에서 지원되는 형제 자매를 사용한다고 언급 한 사람이 아무도 없습니다.

tr + tr /* CSS2, adjacent sibling */
tr ~ tr /* CSS3, general sibling */

둘 다 다음과 같은 방식으로 (HTML 테이블의 맥락에서) 정확히 동일한 방식으로 작동합니다.

tr:not(:first-child)

이상적인 솔루션이지만 IE에서는 지원되지 않습니다.

tr:not(:first-child) {css}

두 번째 해결책은 모든 tr의 스타일을 지정하고 첫 번째 자식의 경우 CSS로 재정의하는 것입니다.

tr {css}
tr:first-child {override css above}

당신이 말하는 '첫 번째 라인'과 같은 소리는 테이블 헤더입니다. 따라서 실제로 사용 thead하고 tbody마크 업 ( 여기를 클릭하십시오 )을 생각해야합니다. ) 및 CSS 선택을위한 더 쉽고 크로스 브라우저 친화적 인 가능성 ( table thead ... { ... })

질문에 괜찮은 대답이 있지만 :first-child태그가 자식을 나타내는 항목 유형에 적용된다는 것을 강조하고 싶습니다 .

예를 들어, 코드에서 :

<div id"someDiv">
     <input id="someInput1" /> 
     <input id="someInput2" />
     <input id="someInput2" />
</div

첫 번째가 아닌 여백이있는 두 번째 두 요소에만 영향을 주려면 다음을 수행하십시오.

#someDiv > input {
     margin-top: 20px;
}
#someDiv > input:first-child{
     margin-top: 0px;
}

즉, inputs는 자식이므로 first-child선택기의 입력 부분에 배치합니다.

죄송합니다. 이것이 오래되었다는 것을 알고 있지만 첫 번째 요소를 제외한 모든 tr 요소의 스타일을 지정하고 모든 tr 요소에 대해 지정한 것을 취소하는 psuedo 클래스 : first-child를 사용하십시오.

이 예제에서 더 잘 설명됩니다.

http://jsfiddle.net/DWTr7/1/

tr {
    border-top: 1px solid;
}
tr:first-child {
    border-top: none;   
}

/ Patrik

때문에 tr:not(:first-child)IE 6, 7, 8에서 지원하지 않는 당신은 jQuery를의 도움을 사용할 수 있습니다. 여기에서 찾을 수 있습니다

다른 옵션 :

tr:nth-child(n + 2) {
    /* properties */
}

누군가가 혜택을 줄 수 있습니다, 아래는 내가 사용한 것입니다.

ol li:not(:first-child) {
    background: black;
    color: white;
}

CSS에서 의사 클래스 선택기를 다음과 같이 사용할 수도 있습니다.

.desc:not(:first-child) {
    display: none;
}

클래스가 .desc 인 첫 번째 요소에는 클래스가 적용되지 않습니다.

다음은 예제가 포함 된 JSFiddle입니다. http://jsfiddle.net/YYTFT/ , 이것은 의사 클래스 선택기를 설명하는 좋은 소스입니다. http://css-tricks.com/pseudo-class-selectors/

CSS에서 원하는 미래를 모두 정의 할 때 클래스를 만들고 클래스를 사용할 수 있습니다.

이것은 서면으로 이루어집니다

<tr class="unselected">

그런 다음 CSS에서 줄이 있고 텍스트 정렬 명령을 예로 사용하십시오.

unselected {
  text-align:center;
}



selected {
  text-align:right;
}