다중 li에서 첫번쨰 li에만 색상변경

다중 li에서 첫번쨰 li에만 색상변경

QA

다중 li에서 첫번쨰 li에만 색상변경

본문

                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="">부모1</a></li>
                            <li><a href="">부모2</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" >부모3</a>
                                <ul class="dropdown-menu">
                                    <li><a href="">자식1</a></li>
                                    <li><a href="">자식2</a></li>
                                </ul>
                            </li>
                            <li><a href="">부모4</a></li>
                        </ul>

현재 부모3 밑에 자식 li가 있습니다.

 

변경 하고자하는 것은 부모1만 색깔을 변경 하는것입니다.

그래서 아래의 css로 변경하였는데,

 

.navbar .nav li:first-child a{
  color: #ff4000;

}

 

부모1과 자식1둘다 빨간색으로 변경되더라구요.

아마도 첫번째 li의 속성을 변경햇기 때문인데,

자식li를 건들지않고 부모1만 색을 변경하는 방법이 있을까요?

 

이 질문에 댓글 쓰기 :

답변 1

.navbar-nav > li:first-child a {

이렇게 하면 안 되려나요?

답변을 작성하시기 전에 로그인 해주세요.
전체 1,096
QA 내용 검색
filter #html ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT