CSS(1) - cascading, selectors

cascading 적용 순서

Author style : 우리가 작성하는 스타일 sheet (css 파일)

⌵

User style : 브라우저 상에서 유저 취향에 맞게 바꾼 스타일들

⌵
Browser : 브라우저 상에서 기본적으로 지정된 스타일

 

** cacading의 연결고리를 끊는 것 : !important (가능하면 쓰지 않는 것이 좋다..)

🔍  selectors

selector		example
Universal	*	* {color : green;}
type	Tag	li {color : blue;}
ID	#id	#special {color:pink;}
Class	.class	.red {background : yellow}
State	:	button:hover{color : red;}
Attribute	[]	a[href] {color:purple;} a[href$='.com'] {color:purple;}

 

selector연습 사이트 : css test-flukout

---

참고

- 드림코딩 by 엘리 - HTML 태그 완성, 웹 포트폴리오 만들기 전에 꼭 보세요 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript