프로그램 작성 css-selectors

30

<li>앵커 요소의 직접 부모 인 요소를 어떻게 선택 합니까? 예를 들어 내 CSS는 다음과 같습니다. li < a.active { property: value; } 분명히 JavaScript 로이 작업을 수행하는 방법이 있지만 CSS 레벨 2에 고유 한 일종의 해결 방법이 있기를 바랍니다. 스타일을 지정하려는 메뉴가 CMS에 의해 분출되고 있으므로 활성 요소를 요소로 옮길 …

3175 css css-selectors

15

"이전 형제"선택기가 있습니까?

На этот вопрос есть ответы на 스택 오버플로 на русском : Селектор левых соседей 더하기 부호 ( +)는 다음 형제를위한 것입니다. 이전 형제에 해당하는 것이 있습니까?

1355 css css-selectors

9

CSS 클래스 이름 / 선택기에 어떤 문자가 유효합니까?

CSS 클래스 선택기 에는 어떤 문자 / 기호가 허용 됩니까? 다음 문자는 유효하지 않지만 어떤 문자가 유효 합니까? ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | ` #

1203 css css-selectors

17

클래스가있는 첫 번째 요소의 CSS 선택기

클래스 이름을 가진 많은 요소가 red있지만 class="red"다음 CSS 규칙을 사용하여 첫 번째 요소를 선택할 수없는 것 같습니다 . .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> 코드 스 니펫 실행결과 숨기기스 니펫 확장 이 선택기의 문제점은 무엇이며 어떻게 수정합니까? 의견 덕분에 요소가 부모의 첫 번째 자식이어야하며 선택하지 …

945 css css-selectors

5

“~”(물결 / 물림 / 비틀기) CSS 선택기는 무엇을 의미합니까?

~캐릭터를 검색하는 것은 쉽지 않습니다. CSS를 살펴보고 이것을 발견했습니다. .check:checked ~ .content { } 무슨 뜻이에요?

857 css css-selectors

9

not : 첫 번째 자식 선택기

나는이 div몇 가지 포함 태그 ul태그. 첫 번째 ul태그에 대해서만 CSS 속성을 설정할 수 있습니다 . div ul:first-child { background-color: #900; } 그러나 다음 ul은 첫 번째 태그를 제외하고 서로 다른 태그 에 대해 CSS 속성을 설정하려는 시도가 작동하지 않습니다. div ul:not:first-child { background-color: #900; } div ul:not(:first-child) { background-color: …

811 css css-selectors

12

“+”(더하기 부호) CSS 선택기는 무엇을 의미합니까?

예를 들면 다음과 같습니다. p + p { /* Some declarations */ } 무슨 +뜻 인지 모르겠습니다 . 이것과 차이점 p없이 스타일을 정의하는 것의 차이점은 무엇입니까 + p?

750 css css-selectors

5

: not () 의사 클래스에 여러 개의 인수가있을 수 있습니까?

나는 선택하기 위해 노력하고있어 input모든 요소 type를 제외들 radio과 checkbox. 많은 사람들이에 여러 개의 인수를 넣을 수 있음을 보여 :not주었지만 사용 type하는 것이 어쨌든 작동하지 않는 것 같습니다. form input:not([type="radio"], [type="checkbox"]) { /* css here */ } 어떤 아이디어?

746 css css-selectors

4

클래스의 CSS에서 와일드 카드 *

스타일링하는 div가 .tocolor있지만 고유 식별자 1,2,3,4 등도 필요하므로 다른 클래스로 추가하고 있습니다 tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> <div class="tocolor tocolor-4"> tocolor 4 </div> .tocolor{ background: red; } 단지 1 클래스를 가질 수있는 방법이 있나요 tocolor-*. *이 …

669 css css-selectors wildcard

10

특정 클래스 나 속성이없는 요소를 선택하는 CSS 선택기를 작성할 수 있습니까?

특정 클래스 가없는 모든 요소를 선택하는 CSS 선택기 규칙을 작성하고 싶습니다 . 예를 들어, 다음 HTML이 주어진 경우 : <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav>  </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting and you should print it! </p> </body> …

644 html css css-selectors

3

브라우저가 CSS 선택기와 오른쪽에서 왼쪽으로 일치하는 이유는 무엇입니까?

CSS 선택기는 오른쪽에서 왼쪽으로 브라우저 엔진과 일치합니다. 그래서 그들은 먼저 아이들을 찾은 다음 부모가 규칙의 나머지 부분과 일치하는지 확인합니다. 왜 이런거야? 스펙이 말했기 때문입니까? 왼쪽에서 오른쪽으로 평가 된 경우 최종 레이아웃에 영향을 줍니까? 나에게 가장 간단한 방법은 요소 수가 가장 적은 선택기를 사용하는 것입니다. 따라서 ID는 먼저 1 요소 만 …

560 html css browser css-selectors

18

특정 텍스트를 포함하는 요소에 대한 CSS 선택기가 있습니까?

다음 표에 대한 CSS 선택기를 찾고 있습니다. Peter | male | 34 Susanne | female | 12 "male"을 포함하는 모든 TD와 일치하는 선택기가 있습니까?

511 css css-selectors

5

CSS에서 데이터 속성별로 요소 선택

HTML5 데이터 속성 (예 :)으로 CSS에서 요소를 선택할 수 data-role있습니까?

488 css html css-selectors custom-data-attribute

8

“>”(보다 큼) CSS 선택기는 무엇을 의미합니까?

예를 들면 다음과 같습니다. div > p.some_class { /* Some declarations */ } 이 >표시는 정확히 무엇을 의미합니까?

475 css css-selectors

1

두 클래스를 가진 요소에 적용되는 CSS 선택기

두 개의 특정 클래스로 설정된 클래스 속성 값을 기반으로 CSS로 요소를 선택하는 방법이 있습니까? 예를 들어 3 div가 있다고 가정 해 보겠습니다. <div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div class="bar">Hello Bar</div> foo 및 bar 클래스의 멤버라는 사실에 따라 목록의 두 번째 요소 만 선택하기 위해 어떤 CSS를 작성할 수 …

472 css css-selectors

«css-selectors» 태그된 질문