«css-selectors» 태그된 질문

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

4
CSS에서 모든 N 번째 요소를 선택
예를 들어 일련의 요소에서 모든 네 번째 요소를 선택할 수 있습니까? 예 : 16 개의 <div>요소가 있습니다 ... 같은 것을 쓸 수 있습니다. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) 더 좋은 방법이 있습니까?
242 css  css-selectors 
8
자식 요소에 CSS 스타일 적용
특정 클래스가있는 DIV 내부의 테이블에만 스타일을 적용하고 싶습니다. 참고 : 차일드 요소에 CSS 선택기를 사용하고 싶습니다. # 1이 작동하는 이유와 # 2가 작동하지 않는 이유는 무엇입니까? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2 : div.test th, td, caption {padding:40px 100px 40px 50px;} HTML : <html> …
232 css  css-selectors 
9
CSS3 선택기 : 클래스 이름이있는 첫 번째 유형?
CSS3 선택기를 사용하여 :first-of-type주어진 클래스 이름을 가진 첫 번째 요소를 선택할 수 있습니까? 시험에 성공하지 못해서 시험이 아닌 것 같아요? 코드 ( http://jsfiddle.net/YWY4L/ ) : p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be blue.</p> <p class="myclass1">This text should appear red.</p> <p …
230 css  css-selectors 
4
CSS 선택기의 클래스 이름은 대소 문자를 구분합니까?
CSS는 대소 문자를 구분하지 않지만 어디서나이 선택기를 가지고 있습니다. .holiday-type.Selfcatering 이와 같이 HTML에서 사용할 때 선택됩니다. <div class="holiday-type Selfcatering"> 위의 선택기를 이렇게 변경하면 .holiday-type.SelfCatering 그런 다음 스타일이 선택되지 않습니다. 누군가 거짓말을하고 있습니다.
229 html  css  css-selectors 
9
CSS 선택기에서 클래스와 ID를 결합하는 방법은 무엇입니까?
다음 div가있는 경우 : <div class="sectionA" id="content"> Lorem Ipsum... </div> " id='content'AND를 가진 div"라는 아이디어를 표현하는 스타일을 정의하는 방법이 class='myClass'있습니까? 또는 단순히 다음과 같이 한 가지 또는 다른 방법으로 가셨습니까? <div class="content-sectionA"> Lorem Ipsum... </div> 또는 <div id="content-sectionA"> Lorem Ipsum... </div>
221 css  css-selectors 
5
다음 요소의 CSS에서 선택기의 구문은 무엇입니까?
헤더 태그가 있다면 <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } 그 후 나는 단락이 <p>stuff here</p>있습니다. CSS를 사용하여 <p>다음에 오는 모든 태그가 h1.hc-reform사용하도록하려면 어떻게해야합니까?clear:both; 그럴 것입니다 : h1.hc-reform > p{ clear:both; } 어떤 이유로 작동하지 않습니다.
6
Angular 2 : 컴포넌트의 호스트 요소를 어떻게 스타일링합니까?
Angular 2에는 my-comp라는 구성 요소가 있습니다. <my-comp></my-comp> Angular 2 에서이 구성 요소의 호스트 요소를 어떻게 스타일링합니까? Polymer에서는 ": host"선택기를 사용합니다. Angular 2에서 시도했지만 작동하지 않습니다. :host { display: block; width: 100%; height: 100%; } 또한 구성 요소를 선택기로 사용하려고 시도했습니다. my-comp { display: block; width: 100%; height: 100%; } 두 …
10
요소 이름에 CSS 스타일을 적용 할 수 있습니까?
현재 CSS 스타일을 적용하는 HTML을 제어 할 수없는 프로젝트를 진행 중입니다. 그리고 HTML은 요소를 구별하기에 충분한 id 및 클래스 선언이 없다는 의미에서 레이블이 잘 지정되지 않았습니다. 그래서 id 또는 class 속성이없는 객체에 스타일을 적용 할 수있는 방법을 찾고 있습니다. 때로는 양식 항목에 "이름"또는 "값"속성이 있습니다. <input type="submit" value="Go" name="goButton"> name …
176 html  css  css-selectors 
6
CSS 마지막 자식 선택기 : 부모 내부의 마지막 자식이 아닌 특정 클래스의 마지막 요소를 선택 하시겠습니까?
<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> 선택하고 싶 #com19습니까? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } div.somethingcommentList에 실제 마지막 자식과 다른 자식이있는 한 작동하지 않습니다 . 이 경우 마지막 자식 선택기를 …
176 html  css  css-selectors 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.