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:none

ol.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)
查询并查看是否会显示预期的元素。如果没有,那就换一个。