프로그램 작성 css-selectors

2

모든 자식 요소를 재귀 적으로 어떻게 선택할 수 있습니까? div.dropdown, div.dropdown > * { color: red; } 이 클래스는 정의 된 className 및 모든 직계 자식에서만 클래스를 발생시킵니다. 간단한 방법으로 다음과 같이 모든 자식 노드를 선택하는 방법은 무엇입니까? div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * …

407 css css-selectors

8

마지막 자식을 제외한 요소의 모든 자식을 어떻게 선택할 수 있습니까?

CSS3 선택기를 사용하여 마지막 자식을 제외한 모든 항목을 어떻게 선택합니까? 예를 들어, 마지막 자식 만 얻으려면 div:nth-last-child(1)입니다.

371 css-selectors css

9

텍스트 입력 필드를위한 CSS 선택기?

CSS 선택기를 사용하여 'text'유형의 입력 필드를 어떻게 대상으로 지정할 수 있습니까?

371 html css forms css-selectors html-input

8

CSS : not (: last-child) : 애프터 셀렉터

다음과 같은 스타일의 요소 목록이 있습니다. ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> 코드 스 니펫 실행결과 숨기기스 니펫 확장 One | Two | Three | Four | Five |대신 출력One | Two …

369 css css-selectors pseudo-element

3

여러 클래스를 기반으로 요소 선택

태그가 두 개일 때 태그에 적용하려는 스타일 규칙이 있습니다 클래스 있습니다. JavaScript없이 이것을 수행 할 수있는 방법이 있습니까? 다시 말해: <li class='left ui-class-selector'> 및 클래스 가 모두 적용된 경우 에만 스타일 규칙을 적용하고 싶습니다 .li.left.ui-class-selector

360 css css-selectors

6

쓰는 방법 : 전에 및 a : 후에 조건을 가리 킵니까?

쓰는 :hover법과 :visited조건은 a:before? 노력하고 a:before:hover있지만 작동하지 않습니다

347 css css-selectors pseudo-element pseudo-class

10

"this"의 jQuery 첫 번째 자식

클릭 한 범위에서 jQuery 함수로 "this"를 전달한 다음 클릭 한 요소의 첫 번째 자식에서 jQuery를 실행할 수 있습니다. 제대로 이해하지 못하는 것 같습니다 ... <p onclick="toggleSection($(this));"><span class="redClass"></span></p> 자바 스크립트 : function toggleSection(element) { element.toggleClass("redClass"); } : first-child of element를 어떻게 참조합니까?

317 javascript jquery jquery-selectors css-selectors

6

첫 번째 직계 자녀만을위한 CSS 선택기가 있습니까?

다음 HTML이 있습니다 <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> 그리고 다음 스타일 : DIV.section DIV:first-child { ... } 내가 이해하지 못하는 이유 때문에 스타일이 "sub content 1" <div> 및 "header"에 적용되고 <div> 있습니다. 스타일의 선택기는 "section"이라는 클래스가있는 div의 첫 번째 직접 하위에만 적용된다고 …

315 html css css-selectors

7

CSS가 요소가 가진 자식 수를 감지 할 수 있습니까?

아마 내 자신의 질문에 대답하고 있지만 매우 궁금합니다. CSS는 부모의 개별 자식을 선택할 수 있지만 부모에 일정량의 자식이있는 경우 컨테이너의 자식 스타일을 지정할 수 있다는 것을 알고 있습니다. 예를 들어 container:children(8) { // style the parent this way if there are 8 children } 나는 그것이 이상하게 들린다는 것을 알고있다. …

304 css css-selectors

7

CSS 자식 대 후손 선택기

이 두 선택기 사이에 약간 혼란 스럽습니다. 합니까 하위의 선택은 : div p 모든 선택 p내를 div그 즉시 descedent의 여부? 따라서 p다른 안에있는 경우 div여전히 선택됩니까? 그런 다음 자식 선택기 : div > p 차이점이 뭐야? 아이는 직계 아이를 의미합니까 ? 예 : <div><p> vs <div><div><p> 둘 다 선택됩니까?

298 css css-selectors

5

CSS에서 여러 속성 선택기를 지정하십시오.

다음과 같은 작업을 수행하는 구문은 무엇입니까? input[name="Sex" AND value="M"] 기본적으로 input속성 name="Sex"뿐만 아니라 속성이있는 요소 를 선택하고 싶습니다 value="M". <input type="radio" name="Sex" value="M" /> 다음과 같은 요소는 선택 하지 않아야 합니다. <input type="radio" name="Sex" value="F" />

295 css attributes css-selectors

9

짝수 및 홀수 요소의 스타일을 어떻게 지정할 수 있습니까?

CSS 의사 클래스를 사용하여 짝수 및 홀수 목록 항목 인스턴스를 선택할 수 있습니까? 다음은 대체 색상 목록을 생성하지만 파란색 항목 목록을 얻습니다. <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red } </style> </head> <body> <ul> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> </ul> </body> </html>

281 html css css-selectors

4

여러 클래스에 스타일을 한 번에 적용하려면 어떻게해야합니까?

이름이 다른 두 클래스가 CSS에서 동일한 속성을 갖기를 원합니다. 코드를 반복하고 싶지 않습니다. .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> 코드 스 니펫 실행Hide results스 니펫 확장 두 클래스가 모두 같은 일을하고 있기 때문에 하나로 병합 할 수 있어야합니다. 어떻게해야합니까?

277 css css-selectors

7

: focus와 : active의 차이점은 무엇입니까?

의사 클래스 :focus와 :active의사 클래스 의 차이점은 무엇입니까 ?

275 css css-selectors pseudo-class

2

CSS를 사용하여 특정 숫자의 자식을 얻는 방법은 무엇입니까?

나는이 table누구 td의 동적으로 생성됩니다. 나는 첫 번째와 마지막 아이를 얻는 방법을 알고 있지만 내 질문은 다음과 같습니다. CSS를 사용하여 두 번째 또는 세 번째 자식을 얻는 방법이 있습니까?

270 html css css-selectors

«css-selectors» 태그된 질문