[CSS] 복합 셀렉터

Haeun Noh·2023년 2월 3일
0

HTML/CSS_개념

목록 보기
3/5

0203


전체 선택하기

* {
	font-famil: "NanumGothic";
}

모든 글꼴을 나눔고딕으로 바꾼다.



내부 선택하기

ul li {
	font-style: italic;
}

ul안의 li에 해당하는 글자를 italic스타일로 만든다.



동시 선택하기

li.key {
	color: red;
}

li이면서 classkey인 글자색을 빨강으로 만든다.



상태별 선택하기

li:hover {
	background-color: darkslateblue;
    color: white;
}

li인 글자에 마우스가 올라간 상태라면 바탕색은 진한 파랑으로, 글자색은 흰색으로 변경한다.



profile
기록의 힘을 믿는 개발자, 노하은입니다!

0개의 댓글