时间戳

首页 > 解决方案 > 我正在尝试修复自定义的 404 错误页面。如果我删除我不想要的代码，我会破坏页面吗？

css - 我正在尝试修复自定义的 404 错误页面。如果我删除我不想要的代码，我会破坏页面吗？

问题描述

我正在尝试删除在我们的 404 错误页面上不断填充的产品类别。我希望该页面非常基本并且具有搜索功能而没有任何其他功能，尤其是网站访问者甚至无法访问的产品类别小部件。如果我只是删除这段代码，是否可以删除页面上设置的列，还是会出现错误？

.error404.left-sidebar .content-area,
.error404.right-sidebar .content-area {
    width: 100%
}

.error404 .fourohfour-columns-2 {
    padding: 2.617924em 0;
    border: 1px solid rgba(0, 0, 0, .05);
    border-width: 1px 0;
    margin-bottom: 2.617924em
}

.error404 .fourohfour-columns-2::after,
.error404 .fourohfour-columns-2::before {
    content: '';
    display: table
}

.error404 .fourohfour-columns-2::after {
    clear: both
}

.error404 .fourohfour-columns-2 .widget,
.error404 .fourohfour-columns-2 ul.products li.product {
    margin-bottom: 0
}

.error404 .fourohfour-columns-2 .col-1 ul.products {
    margin-bottom: 2.2906835em
}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product {
    width: 45.4545454545%;
    float: left;
    margin-right: 9.0909090909%
}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child {
    margin-right: 0
}

.error404 .fourohfour-columns-2 .col-2 {
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .025)
}

标签： csshttp-status-code-404

解决方案

这是查看您复制/粘贴到问题中的代码的另一种方式：

.error404.left-sidebar .content-area, .error404.right-sidebar .content-area { width:100%}

.error404 .fourohfour-columns-2 { 
    padding:2.617924em 0;
    border:1px solid rgba(0,0,0,.05);
    border-width:1px 0;
    margin-bottom:2.617924em
}

.error404 .fourohfour-columns-2::after, .error404 .fourohfour-columns-2::before { 
    content:'';
    display: table
}

.error404 .fourohfour-columns-2::after { clear:both}

.error404 .fourohfour-columns-2 .widget,.error404 .fourohfour-columns-2 ul.products li.product { 
    margin-bottom:0
}

.error404 .fourohfour-columns-2 .col-1 ul.products { margin-bottom: 2.2906835em}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product {
    width: 45.4545454545%;
    float: left;
    margin-right: 9.0909090909%
}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child { margin-right:0}

.error404 .fourohfour-columns-2 .col-2 { 
    padding:1.618em;
    background-color:rgba(0,0,0,.025)
}

我们正在查看的只是 CSS 样式_这似乎适用于页面上的几个元素_

因此，您的问题的确切答案是删除此代码块不会删除您要删除的实际列_它只会删除为页面上的元素设置的样式

推荐阅读