테스트 사이트 - 개발 중인 베타 버전입니다

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

· 12년 전 · 1855 · 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 이하에서는 작동 안됩니다.
12년 전
실제로 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

정확한건 직접 해보셔야 할 것 같습니다.
12년 전
일단.. 알려주신대로 :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) 이거는 물론 가장 기본적인 홀수/짝수

게시글 목록

번호 제목
284508
284499
284492
284490
284484
284481
284478
284476
284474
284472
284470
284458
284457
284454
284453
284447
284446
284444
284441
284440