[css] :not()

나지은·2021년 3월 1일
post-thumbnail
// index.html
<div class="nav-links">
    <a href="#" class="product-name">1</a>
    <a href="#">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
</div>
// main.css
nav-links a{
    font-size: 14px
}

nav-links a:not(.product-name) {
    margin-left: 10px
}

class nav-links안에서 class product-name을 제외한 나머지 a 태그에만 margin-left 10px 적용

profile
즐거움을 찾는 개발자🐯

0개의 댓글