> CSS에서>은 무엇을 의미합니까?

StackOverflow https://stackoverflow.com/questions/1628485

  •  06-07-2019
  •  | 
  •  

문제

IUI CSS 파일에서 다음 선택기를 사용합니다.

body > *:not(.toolbar)
body > *[selected="true"]

>, *: not () 및 *[]는 무엇을 의미합니까?

감사.

도움이 되었습니까?

해결책

> 수단 "어린이 요소입니다". 그래서 body > *:not(.toolbar) 성냥 *:not(.toolbar) 그것은 아이입니다 body.

*:not(.toolbar) 클래스가없는 요소와 일치합니다 .toolbar.

*[selected="true"] 모든 요소와 일치합니다 selected 속성과 동일합니다 true.

마지막 두 가지를 명심하십시오 (*:not() 그리고 *[] 의 일부입니다 CSS3 사양 그리고 당신은 일반적으로 크로스 브라우저 CSS 호환성에 의존 할 수 없습니다. 그러나 그들은 iPhone (그리고 결과적으로 IUI)이 사용하는 WebKit에서 완전히 지원됩니다.

다른 팁

  • > 직접 아이를 의미합니다
  • * 보편적 인 선택기 (모든 것)
  • :not() 괄호 안에있는 것을 제외하고는 무엇이든 의미합니다
  • *[] 괄호 안에있는 것과 일치하는 것은 무엇이든 의미합니다

귀하의 경우 :

body > *:not(.toolbar)   // means any element immediately under the body tag that isn't of class .toolbar
body > *[selected="true"]    // means any element immediately under the body tag where the selected attribute is "true"

> 그리고 * CSS 2.1 사양에 정의되어 있습니다. 그만큼 :not 의사 클래스와 [] 선택기는 CSS 3 사양에 정의됩니다.

보다: http://www.w3.org/tr/css21/selector.html 그리고 http://www.w3.org/tr/css3-selectors/ 더 많은 정보를 위해서.

어린이 요소를 의미합니다

.cont > div {
    color: #fff;
}

이것은 다음과 같습니다.

<div class="cont">
    <!-- NOTE: THIS NOTE IS TO TELL YOU WHICH IT AFFECTS 
         It only affects the below div. Not the p.
         so "jabberwocky" text would be white, but "lorem ipsum" text in the p, would be the default font color. -->
    <div>jabberwocky</div>
    <p>lorem ipsum</p>
</div>

  • > - 자식 선택기

    즉 

    div > p > b {
 font-size:100px;
}

    이것은 모두를 선택합니다 b 내부 태그 p 내부 태그 div 태그.

  • :not(..) - 선택기가 아닙니다

    NOT 문의 괄호 안에서 기준을 충족하지 않는 페이지의 모든 요소와 일치합니다. 즉

    div:not(.toolbar)

    클래스 도구 모음이없는 DIV와 일치합니다.

  • [attr='val'] - 속성 선택기

    이는 속성이 지정된 값과 일치하는 모든 요소와 일치합니다. 예제 모든 확인 된 확인란을 빨간색으로 만들려면 예입니다.

    input[checkec='true'] {
  background-color:red;
}

자세한 내용은 Google CSS 2.1 Selectors를 선택해야합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top