国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

采用全新的CSS文件來覆蓋現(xiàn)有網(wǎng)站的樣式
P粉504920992
P粉504920992 2023-08-23 09:15:29
[CSS3討論組]
<p>我的網(wǎng)站目前有3個CSS文件,這些文件作為網(wǎng)站的一部分自動包含在內(nèi),我沒有訪問源代碼的權(quán)限,即網(wǎng)站的index.html文件,但我可以訪問我的網(wǎng)站的CSS文件。</p> <p>我試圖使用自己的樣式來覆蓋我的網(wǎng)站的CSS文件,并創(chuàng)建一個新的CSS文件,其中包含我想要覆蓋的所有樣式。</p> <p>我嘗試使用<code>@import url(css4.css)</code>,并將其放置在我的最后一個CSS文件的頂部,但這不會覆蓋最后一個CSS文件的樣式。</p> <p>我該如何實現(xiàn)這個目標(biāo)?</p> <pre class="brush:php;toolbar:false;">&lt;link rel="stylesheet" type="text/css" href="currentCSS1.css"&gt; &lt;link rel="stylesheet" type="text/css" href="currentCSS2.css"&gt; &lt;link rel="stylesheet" type="text/css" href="currentCSS3.css"&gt; &lt;!-- 如何僅使用CSS將下面的代碼添加進來? --&gt; &lt;link rel="stylesheet" type="text/css" href="newCSS4.css"&gt;</pre> <p><br /></p>
P粉504920992
P粉504920992

全部回復(fù)(2)
P粉536532781

這里有一個有趣的解決方案,沒有人提到過。

事實:

  1. 您無法修改頁面的HTML - 沒問題!

  2. 您可以修改CSS文件,但開發(fā)人員可能稍后再次修改它們并刪除您所做的任何更改 - 不必擔(dān)心。

  3. 您不能/不想使用Javascript和JQuery - 對我來說沒問題。

  4. 您可以在服務(wù)器上添加更多文件 - 太棒了!

讓我們進行一些.htacess黑客攻擊,以求取樂和利益!

文檔根目錄下的.htaccess文件:

Options +FollowSymlinks
RewriteEngine on
RewriteBase /

RewriteRule ^(.*?)css3.css(.*?) $1hackedCSS3.php$2 [L]

結(jié)果:每次請求時,hackedCSS3.php會被靜默地提供,而不是css3.css

參考:http://httpd.apache.org/docs/2.2/howto/htaccess.html

hackedCSS3.php文件:

<?php

// 發(fā)送正確的頭信息!
header("Content-type: text/css; charset: UTF-8");

// 輸出css3.css文件
echo file_get_contents("css3.css");
?>

// 在這里添加您的CSS,使用任何有趣的!important或覆蓋技巧(即:特定性)
div { ... }

額外獎勵:

您可以將此解決方案擴展到此一個.php文件中的所有三個.css文件(但僅提供css3.css,并使用聰明的正則表達式刪除/修改那些開發(fā)人員的CSS,而不觸及任何文件。這些可能性令人心動。

補充:

.htaccess文件應(yīng)位于網(wǎng)站的文檔根目錄中。這是www.example.com/index.html加載index.html的地方。

它可以位于您在.htaccess文件中指定的任何目錄中。文檔根目錄也可以。更改

RewriteRule ^(.*?)css3.css(.*?) $1hackedCSS3.php$2 [L]

RewriteRule ^(.*?)css3.css(.*?) /folders/you/want/hackedCSS3.php$2 [L]

不需要。將該部分的CSS代碼視為.css文件處理。您不需要<style>標(biāo)簽。

P粉022140576

除了使用大多數(shù)答案建議使用的!important之外,這是一個關(guān)于CSS特異性的問題

可以用4列優(yōu)先級來表示:


這是一個完整示例的CSS特異性代碼片段

/*演示目的*/
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 
}
  
/* ------------ 覆蓋內(nèi)聯(lián)樣式 ----------- */

/*要覆蓋內(nèi)聯(lián)樣式,我們現(xiàn)在使用!important*/

/* 特異性  0/0/1/0 */

.inline {
  background-color: purple !IMPORTANT /*將變?yōu)樽仙?最終結(jié)果*/ 
}
<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>
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓(xùn),幫助PHP學(xué)習(xí)者快速成長!
關(guān)注服務(wù)號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://www.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號