P粉5365327812023-08-24 00:53:13
這裡有一個有趣的解決方案,沒有人提到過。
事實:
您無法修改頁面的HTML - 沒問題!
#您可以修改CSS文件,但開發人員可能稍後會再次修改它們並刪除您所做的任何更改 - 不必擔心。
#您不能/不想使用Javascript和JQuery - 對我來說沒問題。
#您可以在伺服器上新增更多檔案 - 太棒了!
讓我們進行一些.htacess駭客攻擊,以求取樂和利益!
Options +FollowSymlinks RewriteEngine on RewriteBase / RewriteRule ^(.*?)css3.css(.*?) hackedCSS3.php [L]
結果:每次請求時,hackedCSS3.php會被靜默地提供,而不是css3.css。
參考:http://httpd.apache.org/docs/2.2/howto/htaccess.html
#<?php // 发送正确的头信息! header("Content-type: text/css; charset: UTF-8"); // 输出css3.css文件 echo file_get_contents("css3.css"); ?> // 在这里添加您的CSS,使用任何有趣的!important或覆盖技巧(即:特定性) div { ... }
額外獎勵:
#您可以將此解決方案擴展到此一個.php
檔案中的所有三個.css
檔案(但僅提供css3.css,並使用聰明的正規表示式刪除/修改那些開發人員的CSS,而不觸及任何檔案。這些可能性令人心動。
.htaccess檔案應位於網站的文件根目錄中。這是www.example.com/index.html載入index.html的地方。
它可以位於您在.htaccess檔案中指定的任何目錄中。文檔根目錄也可以。更改
RewriteRule ^(.*?)css3.css(.*?) hackedCSS3.php [L]
為
RewriteRule ^(.*?)css3.css(.*?) /folders/you/want/hackedCSS3.php [L]
不需要。將該部分的CSS程式碼視為.css檔案處理。您不需要<style>
標籤。
P粉0221405762023-08-24 00:23:36
除了使用大多數答案建議使用的!important
之外,這是關於CSS特異性#的問題
可以用4列優先權來表示:
/*演示目的*/ body {margin: 0;padding: 0} div,article {min-height: 200px;height: 100%;width: 100%} /*CSS特异性*/ /* 特异性:0/1/0/0 */ #id { background-color: green } /* 特异性:0/0/1/0 */ .class { background-color: yellow } /* 特异性:0/0/0/1 */ section { background-color: blue } /* ------------ 覆盖内联样式 ----------- */ /*要覆盖内联样式,我们现在使用!important*/ /* 特异性 0/0/1/0 */ .inline { background-color: purple !IMPORTANT /*将变为紫色-最终结果*/ }
<article> <div id="id"> <div class="class"> <section> <div class="inline" style="background-color:red"> <!--特异性 1/0/0/0 - 被"!important"覆盖--> </div> </section> </div> </div> </article>