僅用於特定 div 的外部 css
[英]external css for specific div only
問題描述
我還是個新手，我有一個問題。
我有一個使用一些自定義編輯的mybootstrap.css的網站。
我想通過<?php include 'page.html';?>添加一個頁面
對於這個page.html ，我想使用一個普通的bootstrap.css
現在的問題是，當我將外部 css bootstrap.css用於我的page.html ，它會弄亂整個頁面。 我只想要這個bootstrap.css用於我的page.html而不是整個網站。
我嘗試在 Google 和 StackOverflow 上進行大量搜索，有兩種可能的方法：
首先，通過創建一個frameset ，另一個是
`<div>
<style scoped>
@import "scoped.css";
</style>
enter code here
</div>`
兩者都沒有有效地工作。 有沒有其他辦法？ 喜歡使用一些 jquery/javascript 嗎？
提前致謝。
5 個解決方案
解決方案1
1 2018-02-06 09:25:40
你需要在html頁面中添加這個
<link rel="stylesheet" type="text/css" href="scoped.css">
或者像這樣
<!doctype html>
<html lang="en">
<link rel="stylesheet" type="text/css" href="scoped.css">
</head>
<body>
</body>
</html>
解決方案2
1 2018-02-06 09:34:56
如果我很好地理解了這個問題，頁面的頁眉/頁腳是由您提到的 CSS 設計的。 在這種情況下，您可以修改頁面以包含頁眉/頁腳和iframe 。 iframe將指向使用空頁眉/頁腳且僅顯示內容的頁面。 內容將是 page.html。 這樣你就可以用新的樣式顯示page.html，而不必擔心頁面其他內容的設計會被破壞。
解決方案3
0 2018-02-06 09:21:25
您可以直接鏈接您的 CSS，例如：
<link rel="stylesheet" type="text/css" href="scoped.css">
解決方案4
0 2018-02-06 09:27:54
- 檢查您沒有在您的網站上使用一些引導類，例如容器、容器流體、行等
- 僅將 bootstrap.css 添加到 page.html 而不是您的主索引文件中。請注意，如果您可能通過 php include 在索引文件中包含 page.html，那么您的網站將從 bootstrap 繼承一些 css 類
- 就像@hamza 建議的那樣，您可以從 boostrap 復制您需要的 css 樣式並將其添加到 mycss.css 或更好地谷歌您需要的 page.html css 樣式並將其添加到您的 css
解決方案5
0 2018-02-06 09:55:06
你可以試試這個 **jQuery Scoped CSS 插件**
包含這個插件文件（最好是縮小的）並在加載時調用 $.scoped() 。 如果稍后向頁面添加樣式塊，則需要重新運行插件。
任何具有 scoped 屬性的樣式塊都被處理並限制為僅影響其父項的子項：
<section>
<style scoped>
p {color:red;}
</style>
<p>This will be red.</p>
</section>
如何<span>使用CSS</span>僅<span>將div中的</span>特定<span>標簽</span>作為目標<span>？</span>
[英]How to target only specific <span> tags inside a div using css?
僅當在特定div的視圖上滾動時才激活CSS動畫
[英]Active CSS animation only when you scroll on the view of the specific div
如何清除特定div中用於外部js嵌入式內容的CSS規則。 我的意思是使它表現為沒有以前的CSS規則？
[英]How to clear css rules inside specific div for external js embedded content. I mean make it behave as there was no previous css rules present?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.