CSS 선택기가 작동하지 않습니까?

자바 스크립트를 사용하여 테이블을 만들고 각 td에 열과 행 클래스가 있습니다. 예를 들어, 첫 번째, 왼쪽 상단 td에는 두 개의 클래스, .row0 및 .column0이 있습니다.CSS 선택기가 작동하지 않습니까?

theTr.append($("<td>", { "class": "row"+h + " column"+i, 
         html: heights[h][i] 
         }));

여기서 h 및 i가 증가 변수 : 여기 clases를 만드는 코드 라인이다.

html: heights[h][i]

부분을 무시, 당신은 내가 파란색과 글꼴 색상의 배경 색상을 가지고 첫 번째 행의 모든 TD 년대를 원하는 각 TD의 클래스가

<td class="rowh columni">

이제이 형식과 유사 것을 알 수 있습니다 흰색. 이를 위해 나는 완벽하게 작동하는

.row0 { 
    background-color: blue; 
    color: white; 
}

을 사용합니다. 또한 column0의 각 td (.row0에있는 td 제외)에 빨간색의 글꼴 색을 지정해야합니다. 그래서 나는 시도했다

.column0:not(.row0) { 
    color: red; 
}

그러나 이것은 작동하지 않는다. 난 그냥 .column0 .row0와 TD에

!important

태그를 사용할 수 있습니다, 알고 나는 그 일을 다른 방법이 있지만, 그것을 수행하는 방법이 알고 있지 선택은? CSS3.Am이 아니라 IE8과 CSS를 사용하고 있습니다. : 선택기를 제대로 사용하지 않았습니까?

출처

2013-10-28 user2719875

IE8에서는'not()'가 지원되지 않습니다. – 412

': not()'는 CSS3이므로 모든 곳에서 작동 할 것이라고 기대할 수는 없습니다. –

http://caniuse.com/#search=not 지원은 IE9에서 시작되지 않습니다. –

IE8은 다음을 지원하지 않습니다. 선택자

출처

2013-10-28 16:56:05 Adam

아, 그래, 그럼. 나는 중요한 태그를 사용하겠다. – user2719875

@ user2719875 - [Selectivizr] (http://selectivizr.com/)과 같은 JS 도구를 사용하여 CSS3 선택기에 대한 polyfill 지원을 사용할 수 있습니다. IE8에': not()'(및 다른 선택 자)를 지원하는 데 도움이 될 것입니다. – Spudley

CSS 선택기가 작동하지 않습니까?

답변

관련 문제