..

Search

33) 기타 의사 클래스

기타 의사 클래스


:not

:not 선택자는 모든 선택자와 함께 사용할 수 있으며, 해당 선택자를 반대로 적용하여 선택합니다.

예제

<style>

    input { color: #FFEFD5; }

    input:not([type="password"]) { background-color: #CD853F; }

</style>

코딩연습 ▶


:lang

:lang 선택자는 특정 HTML 요소를 사용자 컴퓨터의 언어 설정에 따라 다르게 표현할 때 사용합니다.

 

예를 들면, 영어에서는 인용의 표현으로 따옴표("")를 사용하나, 프랑스어에서는 부등호(<>)를 사용합니다.

이렇게 언어에 따라 달라지는 태그의 모양을 사용자 컴퓨터의 언어 설정에 따라 다르게 표현할 수 있게 해줍니다.

예제

<style>

    :lang(en) { quotes: '"' '"'  "'"  "'"; }

    :lang(fr) { quotes: "<<" ">>" "<" ">"; }

</style>

코딩연습 ▶


연습문제