您可以製作僅受一個樣式表影響的HTML部分嗎？

我有一個樣式錶鏈接到網站的每個頁面，另一個覆蓋第一個。我想要做的是在頁面加載後使用jQuery添加內容（包含在一個div標籤中），但我只希望它受到第一個樣式表的影響，而其餘部分受到兩者的影響。第二個樣式表是動態的，它可能會或可能不會影響我添加的內容，但我想確保它不會。您可以製作僅受一個樣式表影響的HTML部分嗎？

有什麼方法可以使用HTML5或JavaScript/jQuery來實現此目的？

謝謝。

來源

2013-12-08 Suffick

我會建議你修改覆蓋他人的CSS屬性，但你可以像你說的那樣使用wrapper div來爲該頁面的部分寫入CSS，並在第一個CSS文檔中爲該部分寫入CSS。

<div id="wrapper"> 


    ... 


</div> 


#wrapper a { 
    ... 
} 
#wrapper b { 
    ... 
} 
#wrapper p { 
    ... 
}

來源

2013-12-08 08:22:09 mdesdev

我想避免這種情況，因爲它意味着一個額外的CSS _lot_，似乎並不像我有很多選擇。謝謝。 – Suffick

不客氣。我沒有看到另一種選擇。 – mdesdev

只是制定更多的CSS規則來適應特定的類。

來源

2013-12-08 08:23:21 matrixdevuk

讓你的樣式只會影響中所需的部分通過使用標識符容器

<div class="my_section"> 

    <!-- your loaded content --> 

</div>

CSS

.my_section label{} 
.my_section input{} 
/* etc */

，但如果你發現某些元素仍然受着其他CSS規則（或者如果你只是想確認），那麼使用!important declarration

.my_section label{ width : 100px !important; } 
.my_section input{ border: 1px solid lightgray !important; }

此外，如果你發現某些元素仍然受到影響，甚至當你使用！重要的技術比CSS屬性添加到樣式屬性

<label style="width : 100px !important;">...</label>

這種方式，你會希望防止您的新加載的元素被影響由其他css規則。

來源

2013-12-08 08:35:45 UnLoCo

您可以製作僅受一個樣式表影響的HTML部分嗎？

回答

相關問題