无法添加JS时如何用CSS移除类选择器匹配的第二个页脚块

实现思路 #

不需要引入JavaScript，依靠CSS原生的结构伪类即可精准定位目标元素，实现和删除DOM完全一致的效果。
根据你给出的DOM结构，三个带col-md-6 col-lg-4类的块，是同一个.row容器下的连续直接子元素，按DOM顺序排列。

可直接复用的代码 #

/* 定位.row容器下的第二个目标列块，完全隐藏不占布局空间 */
.row > .col-md-6.col-lg-4:nth-child(2) {
  display: none;
}

细节说明 #

• 选择器做了双重限定：既匹配类名组合，又通过父级.row的范围约束，不会误触发页面其他位置同类型类名的元素
• 相比visibility: hidden，使用display: none的隐藏效果和直接移除元素完全一致，不会残留空白占位、不参与页面布局计算
• 如果页脚区域存在多个.row容器，可以在选择器前加页脚的专属类名缩小匹配范围，比如替换成.footer-content .row > .col-md-6.col-lg-4:nth-child(2)，进一步避免选择器误中其他区域的元素

内容的提问来源于stack exchange，提问作者sedigo