first parent ul and first li doesn't work properly

debugcn 에 게시 Dev

user2109456

I have an issue when selecting the first ul and its first li but it affects the first li of the second ul>li too.

My attempt:

#main-nav ul:first-child li:first-child{
    border-radius:5px 0px 5px 0px;
}

The corresponding html:

<nav id="main-nav">
    <ul>
     <li><a href="#">Home</a></li>
     <li><a href="#">Blog</a></li>
         <li><a href="#">Photos</a>
           <ul>
             <li><a href="#">Gallery 1</a></li>
             <li><a href="#">Gallery 2</a></li>
           </ul>
         </li>
     <li><a href="#">About</a></li>
     <li><a href="#">Contacts</a></li>
    </ul>
  <div style="clear:both;"></div>
</nav>

Hidden Hobbes

I think what you are after is:

#main-nav ul:first-child > li:first-child {
   border-radius:5px 0px 5px 0px;
}

This will only select the first li of the first ul as > selects only child elements of the element preceding it.

As Paulie_D suggests, #main-nav > ul > li:first-child is a bit more concise and will also work as long as there is just the one child ul in #main-nav.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-06-1

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

first parent ul and first li doesn't work properly

first parent ul and first li doesn't work properly

toggleClass() doesn't work after first time

drawImage() doesn't work properly javascript

php editing script doesn't work properly

Node js require doesn't work properly

ExecuteScalar doesn't return the first column of the first row

Find first available value that doesn't exist

ul ul li first child를 모두 제거하지 않고 ul li first child를 제거하려면 어떻게해야합니까?

MongoDB find with $text index doesn't work properly

Theme for Code Block doesn't work properly in Confluence 5.1

Regex doesn't seem to work properly in my code

A method to convert ppm to ascii art doesn't work properly

XCode 7 auto-completion doesn't work properly

Button value doesn't change after first click

Bootstrap 3 modal doesn't close after first opening

android emulator doesn't display my first 'standard' helloWorld app

iOS: The written accent in the first character doesn't appear in an UILabel

Selecting first-child anchor element in an ul

My DLL doesn't work properly when it's placed on System's directory

Spring MVC, pattern doesn't work properly in case of forward slash symbol in path variable

CSS - modify parent based on first child

unbind doesn't work

Crontab doesn't work

Javascript does't work at first but works on second, third, etc. times

Javascript does't work at first but works on second, third, etc. times

Nested UIScrollView with pagingEnabled on the encompassing one doesn't receive the first bottom swipe after page change

bash listing subfolders in current folder doesn't give expected results [gives only first folder]

LinearLayout doesn't fill the parent

Change li font in ul?

Php break the ul li