1. pseudo-element
내부의 일부분만 스타일링할 때 사용
.main-button::first-letter {
color: red;
font-size: 30px;
}
2. 기존에 <div> 만들어서 clear: both 했던 것들도 pseudo-element로 처리 가능
.product-container::after {
content: '';
display: block;
clear: both;
float: none;
}
반응형
'Knowledge Wiki > HTML&CSS' 카테고리의 다른 글
[ HTML/CSS ] SASS (0) | 2021.12.08 |
---|---|
[ HTML/CSS ] shadow DOM (0) | 2021.12.08 |
[ HTML/CSS ] 반응형 웹 레이아웃 (0) | 2021.12.08 |
[ HTML/CSS ] transition-timing-function (0) | 2021.12.08 |
[ HTML/CSS ] 크롬, IE 개발자 도구 활용법 (0) | 2021.12.08 |