Question

之前我在我的css代码中添加了红色。但是，我删除了代码。但红色仍留在网上。我该怎么办？这是我的php文件中的html。

 echo "  <div class='toship-info'>
          <div class='toship-header'>Deliver to: </div>
          <div class='toship-content'>
          <div class='toship-att'>Name : </div>
          <div class='toship-data'>$ship_name</div>
          <div class='toship-att'>Address : </div>
          <div class='toship-data'>$ship_address</div>
          <div class='toship-att'>Contact No : </div>
          <div class='toship-data'>$ship_contact</div>
          <div class='toship-att'>Email : </div>
          <div class='toship-data'>$ship_email</div>
   <br><strong>*If there is any inquiries please contact our Apex Store at
   +6(04)-3901025. </strong></br>
    </div>
       </div>
            ";

这是我的css文件。我该怎么改变它？

.toship-info{
width: 600px;
margin: auto;
 }

 .toship-header{
background: rgb(63,63,63);
color: white;
font-size: 14px;
font-weight: bold;
height: 24px;
line-height: 24px;
padding-left: 15px;
}

.toship-content{
background: rgb(238,238,238);
height: 130px;
padding-top: 10px;
}

.toship-att{
width: 100px;
text-align: left;
font-size: 12px;
font-weight: bold;
padding: 3px;
float: left;
box-sizing: border-box;
}

.toship-data{
width: 500px;
padding: 3px;
font-weight: bold;
font-size: 12px;
float: left;
box-sizing: border-box;
}

.toship-item{
width: 600px;
margin: auto;
margin-bottom: 20px;
}

.toship-item-header{
background: rgb(63,63,63);
color: white;
font-size: 14px;
font-weight: bold;
height: 24px;
line-height: 24px;
margin-bottom: 0px;
padding: 0;
margin: 0;
[![enter image description here][1]][1]}

Answer 1

尝试在其他浏览器中打开，或者如果您正在使用任何框架或cms，则清除视图缓存。

Answer 2

您的浏览器可能会缓存该页面。尝试清理历史记录/缓存。如何执行此操作取决于您使用的浏览器。例如，在Chrome中，您将转到历史记录＆gt;历史＆gt;清除导航数据...＆gt;存储在缓存中的图像和文件。此外，正如@rrd在评论中所说，在大多数浏览器中（包括Chrome），Ctrl + R将重新加载实际页面而不是缓存的页面。

Answer 3

Ctrl-F5可以解决问题。它在浏览器缓存中。 Ctrl-F5将要求完整的新请求，从而避免缓存。

Answer 4

当我使用以下代码时，我看不到任何红色文字

<style>
            .toship-info {
            width: 600px;
            margin: auto;
        }

        .toship-header {
            background: rgb(63, 63, 63);
            color: white;
            font-size: 14px;
            font-weight: bold;
            height: 24px;
            line-height: 24px;
            padding-left: 15px;
        }

        .toship-content {
            background: rgb(238, 238, 238);
            height: 130px;
            padding-top: 10px;
        }

        .toship-att {
            width: 100px;
            text-align: left;
            font-size: 12px;
            font-weight: bold;
            padding: 3px;
            float: left;
            box-sizing: border-box;
        }

        .toship-data {
            width: 500px;
            padding: 3px;
            font-weight: bold;
            font-size: 12px;
            float: left;
            box-sizing: border-box;
        }

        .toship-item {
            width: 600px;
            margin: auto;
            margin-bottom: 20px;
        }

        .toship-item-header {
            background: rgb(63, 63, 63);
            color: white;
            font-size: 14px;
            font-weight: bold;
            height: 24px;
            line-height: 24px;
            margin-bottom: 0px;
            padding: 0;
            margin: 0;

    </style>
</head>

<body>



    <div class='toship-info'> "
        <div class='toship-header'>Deliver to: </div>
        <div class='toship-content'>
            <div class='toship-att'>Name : </div>
            <div class='toship-data'>$ship_name</div>
            <div class='toship-att'>Address : </div>
            <div class='toship-data'>$ship_address</div>
            <div class='toship-att'>Contact No : </div>
            <div class='toship-data'>$ship_contact</div>
            <div class='toship-att'>Email : </div>
            <div class='toship-data'>$ship_email</div>
            <br>
            <strong>*If there is any inquiries please contact our Apex Store at
   +6(04)-3901025. </strong>
            <br />
        </div>
    </div>

</body>

请确保正确标记HTML。
未正确标记

以前我添加了颜色：红色到我的代码，但我删除它，但它仍然显示在我的网站上

4 个答案: