«css-selectors» 태그된 질문

선택기는 문서 트리의 요소와 일치하는 패턴입니다. CSS 규칙에서는 패턴과 일치하는 요소의 스타일을 정의하는 데 사용됩니다.


6
3 개 div를 div로 래핑
nth-child선택기를 사용하여 3 개 div를 래핑 할 수 .wrapAll있습니까? 나는 정확한 방정식을 풀 수없는 것 같다. 그래서... <div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> 된다 ... <div> <div class="new"> <div></div> <div></div> <div></div> </div> <div class="new"> <div></div> <div></div> <div></div> </div> </div>


2
2 개의 클래스가있는 경우에만 CSS로 요소를 타겟팅 할 수 있습니까?
이미 알고 있듯이 공백으로 구분 된 요소에 여러 클래스가있을 수 있습니다. 예 <div class="content main"></div> CSS를 div사용하면 .content또는 .main. 두 클래스가 모두 존재 하는 경우 에만 대상을 지정하는 방법 이 있습니까? 예 <div class="content main">I want this div</div> <div class="content">I don't care about this one</div> <div class="main">I don't want this</div> …


4
추가 된 요소에서 jQuery 객체를 가져 오는 더 쉬운 방법
jQuery append를 사용하여 요소를 추가하는 더 쉽고 빠른 방법이 있습니까? $ selectors 요소를 얻는 방법 : $container.append('<div class="selectors"></div>'); var $selectors = $('.selectors', $container); 나는 시도했다 : var $selectors = $container.append('<div class="selectors"></div>'); 하지만 $ selectors = $ container가됩니다. 아마도 그게 가장 빠르고 좋은 방법 일 것입니다. 그냥 확인 중입니다.

1
요소 유형의 자식이 아닌 CSS 선택자?
태그 code안에없는 요소 를 스타일링하고 싶습니다 a. 이를 달성하는 가장 좋은 방법은 무엇입니까? code:not(a code)그것이 비록, 크롬에 적어도 전혀 작동하지 않는 것 이해야처럼 보인다 콘솔에서도 작동하지 않습니다. 이것을 위해 사용할 수있는 다른 CSS 전용 접근 방법이 있습니까?


3
첫 번째 행의 셀에 스타일 적용
매우 간단해야하지만 알아낼 수 없습니다. 다음과 같은 테이블이 있습니다. <table class="category_table"> <tr><td> blabla 1</td><td> blabla 2 </td></tr> <tr><td> blabla 3 </td><td> blabla 4 </td></tr> </table> 내가 만들고 싶어 td최초의 태그 tr행이 있습니다 vertical-align. 그러나 두 번째 줄은 아닙니다. .category_table td{ vertical-align:top; }

2
모든 하위 요소에 대한 CLASS 제거
다음 HTML이 주어지면 : <div id="table-filters"> <ul> <li class="active">blah</li> <li>blah</li> <li>blah</li> <li>blah</li> </ul> </div> 테이블 필터를 jQuery 선택기로 사용하면 CLASS=ACTIVE어떤 요소가 LI켜져 있든 관계없이 . 감사

3
순수 CSS 체크 박스 이미지 교체
테이블에 체크 박스 목록이 있습니다. (행에있는 여러 CB 중 하나) <tr><td><input type="checkbox" class="custom_image" value="1" id="CB1" /><label for='CB1'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="2" id="CB2" /><label for='CB2'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="3" id="CB3" /><label for='CB3'> </label></td></tr> <tr><td><input type="checkbox" class="custom_image" value="4" id="CB4" /><label for='CB4'> </label></td></tr> 확인란 이미지를 한 쌍의 사용자 지정 켜기 / 끄기 이미지로 바꾸고 싶습니다. …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.