css 셀렉터 활용하여 코드 양 줄이기

devMarco·2022년 2월 21일
0

cleal:both 속성이 적용되면 margin속성이 마음대로 적용이
되지 않는다. 그럴 땐 float다음 나오는 태그 사이에 div박스를 하나더 만들어 cleal:both 속성을 주고 그 다음 태그에 margin을 주게 되면 원하는 데로 margin을 얻을 수 있다.

HTML태그에 클래스 두개 이상 넣기
<div class="####### ######"> </div>
클래스 사이에 띄어쓰기를 한칸 준 뒤 class를 입력한다.

셀렉터 사용법
공백

<ul class="navbar">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

.navbar li {
display : inline-block;
}

공백을 사용해 모든 자식 태그 li를 선택 할 수 있다

.class li .class a .class p

이런 식으로 연달아 사용이 가능 하다.

꺽쇠사용 >

.container div div>p>span

꺽쇠를 사용하여 원하는 태그에 속성을 줄 수 있으나 이런식으로 연달아 사용하면 어디에 스타일링을 하는지 알기 어려우니 사용하지 않도록 한다

사용을 해야 한다면
span 위에 class를 하나 더 만들어

.headline>span

단순하게 만들어 준다
여러번 꺽쇠를 사용하면 파일이 커져 버그의 원인이 될 수 있다.

0개의 댓글