CSS 선택자 연습 및 참고사이트

https://flukeout.github.io/#

 

CSS Diner

A fun game to help you learn and practice CSS selectors.

flukeout.github.io

위는 css 선택자 연습 사이트입니다.

오른쪽에 힌트가 나와있습니다.

 

http://nthmaster.com/

 

Mastering the :nth-child | CSS3 pseudo classes and :nth-child ranges

nth-child(3n+1):nth-child(even) li:nth-child(3n+1):nth-child(even) span { background-color: #298EB2; box-shadow: inset -3px -3px 10px rgba( 0, 0, 0, .4), 0 0 10px black; } Using this :nth-child(3n+1) would normally highlight children 1, 4, 7 & 10, but by u

nthmaster.com

위는 유용한 css 선택자 30개 선별해 정리한 글입니다.

 

자세한건

https://www.w3.org/TR/CSS/

 

CSS Snapshot 2018

Abstract This document collects together into one definition all the specs that together form the current state of Cascading Style Sheets (CSS) as of 2018. The primary audience is CSS implementers, not CSS authors, as this definition includes modules by sp

www.w3.org

w3c 공식문서를 참고합니다.

댓글

Designed by JB FACTORY