CSS目标OL';第二要素
我有以下CSS目标OL';第二要素,css,Css,我有以下ol: <ol class="breadcrumb"> <li><a href="/home">home</li> <li><a href></a></li> <li><a href="/registration">registration</li> </ol> 要以ol的第二个子项为目标,请尝试以下操作: ol.breadcrumb li:n
ol
:
<ol class="breadcrumb">
<li><a href="/home">home</li>
<li><a href></a></li>
<li><a href="/registration">registration</li>
</ol>
要以
ol
的第二个子项为目标,请尝试以下操作:
ol.breadcrumb li:nth-child(2){
display: none;
}
您还需要关闭代码中的a
元素
要以
ol
的第二个子对象为目标,请尝试以下操作:
ol.breadcrumb li:nth-child(2){
display: none;
}
您还需要关闭代码中的a
元素
ol.breadcrumb li:n第(2)个子项{…}
可以工作--您有HTML中没有的.float right
n个子项(2)
用于li
,而不是ol
您还需要关闭
我使用了背景色而不是display none来显示效果,但是您可以将其更改为display:noneol.breadcrumb li:n子(2){…}
可以工作--您有HTML中没有的.float right
n个子项(2)
用于li
,而不是ol
您还需要关闭
我使用了背景色而不是display none来显示效果,但是您可以将其更改为display:none
请告诉我,我已经删除了与您相同的答案!哈哈,这是苏的游戏;)非常感谢,一切如期。快告诉我吧,我已经删除了和你一样的答案!哈哈,这是苏的游戏;)非常感谢,一切正常。使用浏览器的开发工具(ctrl
+shift
+j
打开它),在显示当前页面的DOM版本的选项卡上(Elements
tab在Chrome中)执行ctrl
+f
,然后键入选择器ol.breadcrumb:n子项(2)
查询并查看是否会显示预期的元素。如果没有,那么就换一个。使用浏览器的开发工具(ctrl
+shift
+j
打开它),在显示当前页面的DOM版本的选项卡上(Elements
tab在Chrome中)执行ctrl
+f
,然后键入选择器ol.breadcrumb:n子项(2)
查询并查看是否会显示预期的元素。如果没有,那就换一个。