CSS不適用

Question

我正在編輯prestashop模塊的css，但我設置的所有更改都未出現在我的網站上。我試圖刪除CSS樣式表以確保我正在處理正確的CSS，並且所有的屬性都消失了，所以我試圖逐個評論所有字符串以找出問題，但是當我上傳它時，屬性就在那裏。

網站：backlabel.com看在頁腳的通訊模塊，正是在那裏我試圖刪除position:absolute

的CSS樣式表

/* Block newsletter */ 

#columns #newsletter_block_left .form-group { 
    margin-bottom: 0; 
} 

#columns #newsletter_block_left .form-group .form-control { 
    max-width: 222px; 
    display: inline-block; 
    margin-right: 6px; 
} 

@media (min-width: 768px) and (max-width: 1199px) { 
    #columns #newsletter_block_left .form-group .form-control { 
    margin-bottom: 10px; 
    margin-right: 0; 
    } 
} 

#columns #newsletter_block_left .success_inline, #columns  #newsletter_block_left .warning_inline { 
    text-align: left; 
    padding: 1px 0 0 0; 
    margin-bottom: -19px; 
} 

#columns #newsletter_block_left .success_inline { 
    color: #418B19; 
} 

#columns #newsletter_block_left .warning_inline { 
    color: #f13340; 
} 

/* Block newsletter footer */ 
#footer #newsletter_block_left { 
    -webkit-transition: all 0.5s ease-in-out 0s; 
    transition: all 0.5s ease-in-out 0s; 
} 

#footer #newsletter_block_left form { 
    position: relative; 
    margin-top: 35px; 
} 

#footer #newsletter_block_left .form-group { 
    margin-bottom: 0; 
    margin-top: 20px; 
} 

#footer #newsletter_block_left .form-group .form-control { 
    height: 40px; 
    line-height: 30px; 
    width: 100%; 
    padding: 5px 40px 5px 15px; 
    display: inline-block; 
    background-color: transparent; 
    border: 1px solid #adadad; 
} 

#footer #newsletter_block_left .form-group .button-small { 
    color: #999999; 
    font-size: 17px; 
    border: 0; 
    background: transparent; 
    /* HERE IS WHERE I REMOVED THE POSITION:ABSOLUTE */ 
    right: 0px; 
    top: 0px; 
    padding: 8px 10px; 
} 

.rtl #footer #newsletter_block_left .form-group .button-small { 
    left: 0px; 
    right: auto; 
} 

#footer #newsletter_block_left .form-group .button-small .icon { 
    position: relative; 
    top: -1px; 
} 

#footer #newsletter_block_left .form-group .button-small:hover { 
    color: #fff; 
} 

#footer #newsletter_block_left .warning_inline { 
    display: block; 
    color: #f13340; 
    font-size: 13px; 
    line-height: 26px; 
    clear: both; 
} 

@media (min-width: 1200px) { 
    #footer #newsletter_block_left .warning_inline { 
    display: inline-block; 
    position: relative; 
    top: -35px; 
    margin-bottom: -35px; 
    left: 15px; 
    clear: none; 
    } 
} 

#footer #newsletter_block_left.active { 
    right: 0; 
} 

#footer #newsletter_block_left .form-group.form-error input, #footer 
#newsletter_block_left .form-group.form-error textarea { 
    background: none; 
    background-color: #fff1f2; 
} 

Answer 1

所有電子商務商店都嚴重的<button>緩存所以嘗試禁用它。

Prestashop版本1.4及以上版本使用Smarty緩存數據。緩存數據 存儲在以下文件夾：

/工具/智者/緩存

/工具/智者/編譯

/工具/ smarty_v2 /緩存

/工具/ smarty_v2 /編譯

所有這些都位於Prestashop的安裝文件夾中。對於 例如，如果您的Prestashop店已經安裝在你的託管帳戶的 的public_html文件夾，高速緩存信息能夠 中發現：

的public_html /工具/智者/緩存

的public_html /工具/智者/編譯

的public_html /工具/ smarty_v2 /緩存

的public_html /工具/ smarty_v2 /編譯

Ref Siteground

此外，如果您使用的是chrome，請打開您的開發工具並前往network選項卡。在標籤的頂部選中禁用緩存的複選框。這將在開發工具打開時禁用緩存。

Answer 2

#footer #newsletter_block_left .form-group .button-small { 

    color: #999999; 

    font-size: 17px; 

    border: 0; 

    background: transparent; 

    position: initial; 

    right: 0px; 

    top: 0px; 

    padding: 8px 10px; 

} 

這正是我在瀏覽器中看到的，所以您遇到的問題很可能是由系統某處的舊緩存版本引起的。由於我看到更新後的版本，因此無法直接歸因於prestashop或您的主機，因此要解決問題，請清除瀏覽器對該網站的緩存。這取決於您使用的是哪種瀏覽器，但如果必須的話，我相信您可以通過Google瞭解更多信息。