Html CSS最后一个子菜单不工作_Html_Wordpress_Css_Css Selectors

Html CSS最后一个子菜单不工作

html wordpress css

Html CSS最后一个子菜单不工作,html,wordpress,css,css-selectors,Html,Wordpress,Css,Css Selectors,我有一个网站正在开发中，正在尝试使用：last child命令删除我的导航菜单上的右边框：我也尝试了相反的方法，尝试向第一个子对象添加左边框，但也不起作用： .main-navigation .main-nav ul li a:first-child { border-left: 1px solid #fff; } HTML: <div class="main-nav"><ul class="menu sf-menu sf-js-enabled" id="menu-

我有一个网站正在开发中，正在尝试使用：last child命令删除我的导航菜单上的右边框：

我也尝试了相反的方法，尝试向第一个子对象添加左边框，但也不起作用：

.main-navigation .main-nav ul li a:first-child {
    border-left: 1px solid #fff;
}

HTML:

<div class="main-nav"><ul class="menu sf-menu sf-js-enabled" id="menu-main-navigation"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1836" id="menu-item-1836"><a href="http://new.solacetree.org/?page_id=70" class="sf-with-ul">About Us</a><a aria-expanded="false" class="dropdown-toggle" href="#"><i class="fa fa-caret-down"></i></a>
<ul class="sub-menu" style="display: none;">
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1852" id="menu-item-1852"><a href="http://new.solacetree.org/?page_id=1793">Letter from Emilio</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1853" id="menu-item-1853"><a href="http://new.solacetree.org/?page_id=1800">Our History</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1854" id="menu-item-1854"><a href="http://new.solacetree.org/?page_id=186">Board Members</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1855" id="menu-item-1855"><a href="http://new.solacetree.org/?page_id=120">Contributors</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1856" id="menu-item-1856"><a href="http://new.solacetree.org/?page_id=1803">Testimonials</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1867" id="menu-item-1867"><a href="http://new.solacetree.org/?page_id=118">FAQs</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1864" id="menu-item-1864"><a href="http://new.solacetree.org/?page_id=372">Brochures</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1857" id="menu-item-1857"><a href="http://new.solacetree.org/?page_id=124">Contact Us</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1837" id="menu-item-1837"><a href="http://new.solacetree.org/?page_id=33" class="sf-with-ul">Grief Support Programs</a><a aria-expanded="false" class="dropdown-toggle" href="#"><i class="fa fa-caret-down"></i></a>
<ul class="sub-menu" style="display: none;">
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1861" id="menu-item-1861"><a href="http://new.solacetree.org/?page_id=16">Solace Kids (2-5)</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1860" id="menu-item-1860"><a href="http://new.solacetree.org/?page_id=1809">Kids Helping Kids (6-13)</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1838" id="menu-item-1838"><a href="http://new.solacetree.org/?page_id=841">Hearts for Teens (14-18)</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1839" id="menu-item-1839"><a href="http://new.solacetree.org/?page_id=27">Adults (18 +)</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1859" id="menu-item-1859"><a href="http://new.solacetree.org/?page_id=1569">Camp Hope (Summer)</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1840" id="menu-item-1840"><a href="http://new.solacetree.org/?page_id=1314" class="sf-with-ul">Good Grief Program</a><a aria-expanded="false" class="dropdown-toggle" href="#"><i class="fa fa-caret-down"></i></a>
    <ul class="sub-menu" style="display: none;">
        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1872" id="menu-item-1872"><a href="http://new.solacetree.org/?page_id=1338">Good Grief Flyer</a></li>
    </ul>
</li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1869" id="menu-item-1869"><a href="http://new.solacetree.org/?page_id=812">Join A Support Group</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1873" id="menu-item-1873"><a href="http://new.solacetree.org/?page_id=1172">Virtual Solace</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1841" id="menu-item-1841"><a href="http://new.solacetree.org/?page_id=98" class="sf-with-ul">Training</a><a aria-expanded="false" class="dropdown-toggle" href="#"><i class="fa fa-caret-down"></i></a>
<ul class="sub-menu" style="display: none;">
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1862" id="menu-item-1862"><a href="http://new.solacetree.org/?page_id=55">Volunteer Training</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1849" id="menu-item-1849"><a href="http://new.solacetree.org/?page_id=1819">Community Education</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1842" id="menu-item-1842"><a href="http://new.solacetree.org/?page_id=1821" class="sf-with-ul">Publications &amp; Resources</a><a aria-expanded="false" class="dropdown-toggle" href="#"><i class="fa fa-caret-down"></i></a>
<ul class="sub-menu" style="display: none;">
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1848" id="menu-item-1848"><a href="http://the-solace-tree.myshopify.com/">Books</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1843" id="menu-item-1843"><a href="http://new.solacetree.org/?page_id=94">Videos</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1844" id="menu-item-1844"><a href="http://new.solacetree.org/?page_id=1773">Articles</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1877" id="menu-item-1877"><a href="http://new.solacetree.org/?page_id=96">Recommended Reading</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1879" id="menu-item-1879"><a href="http://new.solacetree.org/?page_id=974">Find a Grieving Center</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1880" id="menu-item-1880"><a href="http://new.solacetree.org/?page_id=112">Grieving During the Holidays</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1845" id="menu-item-1845"><a href="http://new.solacetree.org/?page_id=64" class="sf-with-ul">Ways to Help</a><a aria-expanded="false" class="dropdown-toggle" href="#"><i class="fa fa-caret-down"></i></a>
<ul class="sub-menu" style="display: none;">
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1851" id="menu-item-1851"><a href="http://new.solacetree.org/?page_id=57">Upcoming Events</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1850" id="menu-item-1850"><a href="http://new.solacetree.org/?page_id=1826">Donate</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1846" id="menu-item-1846"><a href="http://new.solacetree.org/?page_id=513">Supplies Needed</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1847" id="menu-item-1847"><a href="http://new.solacetree.org/?page_id=180">Be a Volunteer</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1871" id="menu-item-1871"><a href="http://new.solacetree.org/?page_id=53">Other Ways to Volunteer</a></li>
</ul>
</li>
</ul></div>

我是否缺少最后一个孩子和第一个孩子选择器？

由于每个

都在它自己的

li

标记中，您不能使用此选择器将它们作为目标，但是，您可以将其应用于

li

本身：

li:first child{}
因为每个a
都在它自己的li
标记中，您不能使用此选择器将其作为目标，但是，您可以将其应用于li
本身：li:first child{}
是。HTML肯定有帮助。您可以尝试.sf menu>li:last child>a:first child
，它可以转换为：

.sf菜单中的.sf菜单

>li
-->查找所有直接的li子女（但不包括孙辈，如果有的话）
：最后一个子项
-->获取最后一个li
>a
获取li下方的直接锚
：第一个孩子
-->获得第一个锚

我建议它如此具体的原因有两个：

如果锚点上没有：first child，则可能会遇到问题，因为所有兄弟链接都将被删除
<div class="main-nav"><ul class="menu sf-menu sf-js-enabled" id="menu-main-navigation"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1836" id="menu-item-1836"><a href="http://new.solacetree.org/?page_id=70" class="sf-with-ul">About Us</a><a aria-expanded="false" class="dropdown-toggle" href="#"><i class="fa fa-caret-down"></i></a>
<ul class="sub-menu" style="display: none;">
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1852" id="menu-item-1852"><a href="http://new.solacetree.org/?page_id=1793">Letter from Emilio</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1853" id="menu-item-1853"><a href="http://new.solacetree.org/?page_id=1800">Our History</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1854" id="menu-item-1854"><a href="http://new.solacetree.org/?page_id=186">Board Members</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1855" id="menu-item-1855"><a href="http://new.solacetree.org/?page_id=120">Contributors</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1856" id="menu-item-1856"><a href="http://new.solacetree.org/?page_id=1803">Testimonials</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1867" id="menu-item-1867"><a href="http://new.solacetree.org/?page_id=118">FAQs</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1864" id="menu-item-1864"><a href="http://new.solacetree.org/?page_id=372">Brochures</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1857" id="menu-item-1857"><a href="http://new.solacetree.org/?page_id=124">Contact Us</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1837" id="menu-item-1837"><a href="http://new.solacetree.org/?page_id=33" class="sf-with-ul">Grief Support Programs</a><a aria-expanded="false" class="dropdown-toggle" href="#"><i class="fa fa-caret-down"></i></a>
<ul class="sub-menu" style="display: none;">
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1861" id="menu-item-1861"><a href="http://new.solacetree.org/?page_id=16">Solace Kids (2-5)</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1860" id="menu-item-1860"><a href="http://new.solacetree.org/?page_id=1809">Kids Helping Kids (6-13)</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1838" id="menu-item-1838"><a href="http://new.solacetree.org/?page_id=841">Hearts for Teens (14-18)</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1839" id="menu-item-1839"><a href="http://new.solacetree.org/?page_id=27">Adults (18 +)</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1859" id="menu-item-1859"><a href="http://new.solacetree.org/?page_id=1569">Camp Hope (Summer)</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1840" id="menu-item-1840"><a href="http://new.solacetree.org/?page_id=1314" class="sf-with-ul">Good Grief Program</a><a aria-expanded="false" class="dropdown-toggle" href="#"><i class="fa fa-caret-down"></i></a>
    <ul class="sub-menu" style="display: none;">
        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1872" id="menu-item-1872"><a href="http://new.solacetree.org/?page_id=1338">Good Grief Flyer</a></li>
    </ul>
</li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1869" id="menu-item-1869"><a href="http://new.solacetree.org/?page_id=812">Join A Support Group</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1873" id="menu-item-1873"><a href="http://new.solacetree.org/?page_id=1172">Virtual Solace</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1841" id="menu-item-1841"><a href="http://new.solacetree.org/?page_id=98" class="sf-with-ul">Training</a><a aria-expanded="false" class="dropdown-toggle" href="#"><i class="fa fa-caret-down"></i></a>
<ul class="sub-menu" style="display: none;">
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1862" id="menu-item-1862"><a href="http://new.solacetree.org/?page_id=55">Volunteer Training</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1849" id="menu-item-1849"><a href="http://new.solacetree.org/?page_id=1819">Community Education</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1842" id="menu-item-1842"><a href="http://new.solacetree.org/?page_id=1821" class="sf-with-ul">Publications &amp; Resources</a><a aria-expanded="false" class="dropdown-toggle" href="#"><i class="fa fa-caret-down"></i></a>
<ul class="sub-menu" style="display: none;">
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1848" id="menu-item-1848"><a href="http://the-solace-tree.myshopify.com/">Books</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1843" id="menu-item-1843"><a href="http://new.solacetree.org/?page_id=94">Videos</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1844" id="menu-item-1844"><a href="http://new.solacetree.org/?page_id=1773">Articles</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1877" id="menu-item-1877"><a href="http://new.solacetree.org/?page_id=96">Recommended Reading</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1879" id="menu-item-1879"><a href="http://new.solacetree.org/?page_id=974">Find a Grieving Center</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1880" id="menu-item-1880"><a href="http://new.solacetree.org/?page_id=112">Grieving During the Holidays</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1845" id="menu-item-1845"><a href="http://new.solacetree.org/?page_id=64" class="sf-with-ul">Ways to Help</a><a aria-expanded="false" class="dropdown-toggle" href="#"><i class="fa fa-caret-down"></i></a>
<ul class="sub-menu" style="display: none;">
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1851" id="menu-item-1851"><a href="http://new.solacetree.org/?page_id=57">Upcoming Events</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1850" id="menu-item-1850"><a href="http://new.solacetree.org/?page_id=1826">Donate</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1846" id="menu-item-1846"><a href="http://new.solacetree.org/?page_id=513">Supplies Needed</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1847" id="menu-item-1847"><a href="http://new.solacetree.org/?page_id=180">Be a Volunteer</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1871" id="menu-item-1871"><a href="http://new.solacetree.org/?page_id=53">Other Ways to Volunteer</a></li>
</ul>
</li>
</ul></div>