여러 tag들중 일부는 파란색 글자, 일부는 주황색 글자로 하고 싶을 때 변경을 하고 싶다면
물론 id로 처리 할수는 있다. 하지만 중복되는 경우가 생긴다.
이렇게
#f1,
#f3{
내용
}
id를 한꺼번에 적을수 있지만 span에 모두 id를 달아줘야 한다는 번거로움이 있다.
이럴 때 하나를 가르키면서 여러 태그를 가르킬 수 있는 방법이 Class 이다.
Class
- 여러요소들에서 사용가능하다.
1. 하나를 가르키면서 여러 태그를 가르킬 수 있다.
2. 한 클래스에 여러 클래스 이름을 붙일수 있다.
1. 하나를 가르키면서 여러 태그를 가르킬 수 있다.
- 이렇게 클라쓰 있게 한번에 가르킬 수 있다.
즉,
#text : id = "text"
.text : class = "text"
2. 한 클래스에 여러 클래스 이름을 붙일수 있다.
'CodeTech > HTML\CSS' 카테고리의 다른 글
CSS - 5 [layer, position : fixed, static, absolute] (0) | 2020.09.19 |
---|---|
CSS - 4 [inline, block, Flexbox, Wrapping, Flex-grow] (0) | 2020.09.11 |
CSS - 2 [Box - Margin, Border, Padding] (0) | 2020.09.04 |
CSS - 1 [How to contact HTML and CSS] (0) | 2020.09.02 |
HTML - 5 [Form tag and Semantic tag] (0) | 2020.09.02 |