无法获得最后的孩子在我的CSS工作

我想申请一个不同的背景与这个CSS最后一个H3元素，我不明白为什么它不会工作：无法获得最后的孩子在我的CSS工作

#s5_accordion_menu h3:last-child { 
background-color:#000000!; 
}

这是HTML

<div id="s5_accordion_menu"> 
<div> 

<h3 id='current' class='s5_am_toggler'><span class="s5_accordion_menu_left"><a class="mainlevel" href="/shooting-tips.html" > 
<span>Shooting Tips</span></a></span></h3> 
<div class='s5_accordion_menu_element' style='display: none; border:none; overflow: hidden; padding: 0px; margin: 0px'></div> 
    <h3 class='s5_am_toggler'><span class="s5_accordion_menu_left"><a class="mainlevel" href="/stickhandling-tips.html" ><span>Stickhandling/Passing Tips</span></a></span></h3> 
<div class='s5_accordion_menu_element' style='display: none; border:none; overflow: hidden; padding: 0px; margin: 0px'></div> 
    <h3 class='s5_am_toggler'><span class="s5_accordion_menu_left"><a class="mainlevel" href="/skating.html" ><span>Skating Tips</span></a></span></h3> 
<div class='s5_accordion_menu_element' style='display: none; border:none; overflow: hidden; padding: 0px; margin: 0px'></div> 
    <h3 class='s5_am_toggler'><span class="s5_accordion_menu_left"><a class="mainlevel" href="/skating-2.html" ><span>Training Tips</span></a></span></h3> 
<div class='s5_accordion_menu_element' style='display: none; border:none; overflow: hidden; padding: 0px; margin: 0px'></div> 
    <h3 class='s5_am_toggler'><span class="s5_accordion_menu_left"><a class="mainlevel" href="/skating-3.html" ><span>Training Aid Drills</span></a></span></h3> 
<div class='s5_accordion_menu_element' style='display: none; border:none; overflow: hidden; padding: 0px; margin: 0px'></div> 
    <h3 class='s5_am_toggler'><span class="s5_accordion_menu_left"><a class="mainlevel" href="/skating-4.html" ><span>Product Reviews</span></a></span></h3> 
<div class='s5_accordion_menu_element' style='display: none; border:none; overflow: hidden; padding: 0px; margin: 0px'></div> 
    <h3 class='s5_am_toggler'><span class="s5_accordion_menu_left"><a class="mainlevel" href="/skating-5.html" ><span>HockeyShot Commercials</span></a></span></h3> 
<div class='s5_accordion_menu_element' style='display: none; border:none; overflow: hidden; padding: 0px; margin: 0px'></div> 
    <h3 class='s5_am_toggler'><span class="s5_accordion_menu_left"><a class="mainlevel" href="/skating-6.html" ><span>Contest - Promos</span></a></span></h3> 
<div class='s5_accordion_menu_element' style='display: none; border:none; overflow: hidden; padding: 0px; margin: 0px'></div>

任何想法，我怎么能弄到，去年H3标签的不同势的背景？

通过这个工程的第一个H3标签的方式：

#s5_accordion_menu div h3:first-child { 
background-color:#000000; 
}

来源

2013-02-25 Frank Violette

h3:last-child意味着“类型‘H3’这是其父的最后一个子的元素”。这并不意味着“父类型'h3'的最后一个元素。由于您在h3之后有div，h3不是最后一个孩子。

你想:last-of-type

来源

2013-02-25 14:19:59 Quentin

不要忘记提及：最后一种类型只适用于IE 9及更高版本 – 2013-02-25 14:51:39

如果您想使用更多的东西specifc，你可以使用:nth-child(n)其中"n"是元素编号，或像"(n + 1)"功能。

来源

2013-02-25 14:26:03

无法获得最后的孩子在我的CSS工作

回答

相关问题