관리 메뉴

KorSA

[ HTML/CSS ] pseudo-element 본문

Knowledge Wiki/HTML&CSS

[ HTML/CSS ] pseudo-element

Praiv. 2021. 12. 8. 18:30
320x100

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;
}
728x90
728x90

'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
Comments