Html 使用CSS删除选择结果的第二个匹配项
我使用的HTML模板在页脚中有3个块,它们是带有类的div:col-md-6 col-lg-4。使用CSS,我想删除从类过滤器中选择的第二个,因为模板插件不允许我添加JavaScript。 请参阅下面的HTMLHtml 使用CSS删除选择结果的第二个匹配项,html,css,Html,Css,我使用的HTML模板在页脚中有3个块,它们是带有类的div:col-md-6 col-lg-4。使用CSS,我想删除从类过滤器中选择的第二个,因为模板插件不允许我添加JavaScript。 请参阅下面的HTML <div class="row"> <div class="col-md-6 col-lg-4"> <div class="iq-fa
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="iq-fancy-box-04">
<div class="iq-icon">
<i aria-hidden="true" class="ion-ios-location-outline"></i>
</div>
<div class="fancy-content">
<h5>Address</h5>
<span>#################</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="iq-fancy-box-04">
<div class="iq-icon">
<i aria-hidden="true" class="ion-ios-telephone-outline"></i>
</div>
<div class="fancy-content">
<h5>Phone</h5>
<span class="lead"><a href="tel:"></a></span>
<p></p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="iq-fancy-box-04">
<div class="iq-icon">
<i aria-hidden="true" class="ion-ios-email-outline"></i>
</div>
<div class="fancy-content">
<h5>Email</h5>
<span><a href="mailto:#########">########</a></span>
<p></p>
</div>
</div>
</div>
</div>
使用CSS:
:nth-child(2) {
display:none;
}
只需将.col-md-6.col-lg-4:nth-child2{display:none;}添加到CSS中即可:
col-md-6.col-lg-4:nth-child2{
显示:无;
}
住址
电话
电子邮件
const removeNth=functionel,n{el.removeChildel.queryselectoral'*'[n]}这是javascript。我不能在这个页面上运行JS,因为它是一个只允许css更改的CMS..col-md-6.col-lg-4:nth-child2{display:none;},我们不能从css中删除元素,但我们可以隐藏它