인

CSS 선택자 여쭤봐도 될까요?

· 2013-05-15 (수) 09:38:22 · 1987 · 5
안녕하세요.
CSS 선택자에 대한 궁금증있어서요;;
아래와 같은 소스가 있을경우..
span[title="a"] 를 포함한 th 를 어떻게 선택해야 할까요?

아래소스에서 첫번째 th 에만 효과를 주고 싶습니다.
소스수정은 불가능한 상태에요..ㅜㅜ

<th>
<span title="a">abcd</span>
</th>
<th>
<span title="b">zxcv</span>
</th>
|

댓글 5개

table tr td th:nth-child(1)

or

table tr td th:first-child

* nth-child 는 IE8 이하에서는 작동 안됩니다.
2013-05-15 (수) 10:04:07
실제로 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

정확한건 직접 해보셔야 할 것 같습니다.
2013-05-15 (수) 10:16:37
일단.. 알려주신대로 :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) 이거는 물론 가장 기본적인 홀수/짝수
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
13-05-15 조회 1,013
13-05-15 조회 877
13-05-15 조회 1,085
13-05-15 조회 1,628
13-05-15 조회 2,447
13-05-15 조회 1,072
13-05-15 조회 865
13-05-15 조회 1,315
13-05-15 조회 1,060
13-05-15 조회 1,068
13-05-15 조회 1,697
13-05-15 조회 1,863
13-05-15 조회 2,084
13-05-15 조회 1,913
13-05-15 조회 1,055
13-05-15 조회 1,988
13-05-15 조회 1,531
13-05-15 조회 1,860
13-05-14 조회 1,130
13-05-14 조회 1,472