CSS 선택자 여쭤봐도 될까요? 정보
CSS 선택자 여쭤봐도 될까요?본문
안녕하세요.
CSS 선택자에 대한 궁금증있어서요;;
아래와 같은 소스가 있을경우..
span[title="a"] 를 포함한 th 를 어떻게 선택해야 할까요?
아래소스에서 첫번째 th 에만 효과를 주고 싶습니다.
소스수정은 불가능한 상태에요..ㅜㅜ
<th>
<span title="a">abcd</span>
</th>
<th>
<span title="b">zxcv</span>
</th>
CSS 선택자에 대한 궁금증있어서요;;
아래와 같은 소스가 있을경우..
span[title="a"] 를 포함한 th 를 어떻게 선택해야 할까요?
아래소스에서 첫번째 th 에만 효과를 주고 싶습니다.
소스수정은 불가능한 상태에요..ㅜㅜ
<th>
<span title="a">abcd</span>
</th>
<th>
<span title="b">zxcv</span>
</th>
댓글 전체
table tr td th:nth-child(1)
or
table tr td th:first-child
* nth-child 는 IE8 이하에서는 작동 안됩니다.
or
table tr td th:first-child
* nth-child 는 IE8 이하에서는 작동 안됩니다.
실제로 th 가 table 에 첫번째 있는건 아니구요.. 혹시 <span title="a">를 포함하고 있는 th 를 찾아낼수는 없을까요?
페이지를 안보면 잘 모르겠네요. 어떤 구조인지.. 더구나 저는 테이블 코딩을 모릅니다.
(미국에서는 테이블 코딩 안쓴지 10년정도 되었거든요.)
css 로 안되면 jQuery 로 element 를 찝어내실 수 있긴한데...
http://api.jquery.com/nth-child-selector/
http://comp345.awardspace.com/select_element_cheatsheet.pdf
정확한건 직접 해보셔야 할 것 같습니다.
(미국에서는 테이블 코딩 안쓴지 10년정도 되었거든요.)
css 로 안되면 jQuery 로 element 를 찝어내실 수 있긴한데...
http://api.jquery.com/nth-child-selector/
http://comp345.awardspace.com/select_element_cheatsheet.pdf
정확한건 직접 해보셔야 할 것 같습니다.
일단.. 알려주신대로 :nth-child 로 지정을 해서 해결을 해 놨는데요. 여전히 궁금하긴 하네요.ㅎㅎ 감사합니다.
php 출력물을 보면요 패턴이 있습니다. 프로그래머가 그렇게 짜거든요. 그래서 저 위에 title "a" 나 "b" 도 아마 짝수나 홀수, 아니면 5번째씩, 이런식으로 패턴을 갖고 출력될 겁니다. 그래서 아래 방식처럼 스타일을 먹여주면 됩니다.
nth-child(n+5) 첫 4개 빼고 선택
nth-child(-n+4) 첫 4개만 선택
nth-child(4n+1) 4번째 마다 반복
nth-child(odd/even) 이거는 물론 가장 기본적인 홀수/짝수
nth-child(n+5) 첫 4개 빼고 선택
nth-child(-n+4) 첫 4개만 선택
nth-child(4n+1) 4번째 마다 반복
nth-child(odd/even) 이거는 물론 가장 기본적인 홀수/짝수