Selector
1. selector 표현
- class나 id가 selector일 때 태그와 결합할 수 있다
p.p-tag{
color: gray;
}- p태그이면서 p-tag 클래스
p #third-line{
text-decoration: underline;
}- p태그이면서 third-line 아이디
- 여러 선택자를 사용할 수도 있으며, 선택자는 서로 붙어있지 않고 스페이스로 띄워준다.
2.우선순위
tag<<<class<<<id<<<inline css
- 대부분 요소에 class를 부여해주고 클래스를 선택자로 스타일링해주기 때문에 최대한 중복을 피할 수 있도록 작성한다.
Inheritance & Grouping
1. 상속(inheritance)
- 스타일이 상속되어 자식에게도 같은 스타일이 적용된다는 의미
- 부모에게 속성이 있더라도 자식 그 자체에 속성이 따로 지정된다면 본인의 스타일이 적용된다.
2. 그룹(grouping)
- 각자 다른 태그와 클래스에 같은 스타일을 적용하고 싶을 때 각자의 선택자에 모두 똑같은 스타일을 적기보다는 한꺼번에 스타일을 지정한다.
.what-is-blockquote, span{
color: green;
}
