반응형



◎ :NOT 선택자

▼ 내용

:NOT() 선택자는 ( ) 안에 있는 조건이있는놈만 빼고 CSS 문법이 적용된다.

--CSS-- p:not(.classy) { color: red; } body :not(p) { color: green; } --HTML-- <p>Some text.</p> <p class="classy">Some other text.</p> <span>One more text<span>




◎ input::placeholder

▼ 내용

input의 placeholde의 css를 적용시킬수있다.

input::placeholder { font-weight: 300; color: rgba(0, 0, 0, 0.7); }

◎ CSS 의 대문자 , 소문자

▼ 내용

text-transform 을 쓰면 그 태그의 글자는 대문자 또는 소문자로 변환할수있다.

text-transform: uppercase; // 대문자 text-transform: lowercase; // 소문자



반응형

+ Recent posts