如何防止 CSS 重置影響特定內容？
[英]How can I prevent a CSS reset from affecting specific content?
問題描述
我正在使用 meyerweb css 重置。 它工作正常，但它重置所有默認值 styles，它在正文和模板結構（ <body> ，側邊欄等...）或主要內容（文章）中
這是個大問題！ 因為我在編輯器 ( TinyMCE ) 中設置了文本樣式，但在主頁上，它丟失了所有 styles，例如strong 、 italic或 (un)ordered 列表。
我該如何解決？ 我可以告訴瀏覽器重置表或 div 中具有特定 class 或 ID（例如#content ）的所有元素嗎？
謝謝。
3 個解決方案
解決方案1
5 2012-04-04 17:06:18
您遇到了使用重置表的缺點之一，因為它們會重置所有內容。
您可能需要考慮使用完全重置的替代方法，例如normalize.css 。 這背后的想法是，與其讓所有瀏覽器從頭開始，不如讓所有瀏覽器都達到相同的基線。 來自網站：
它有什么作用？
- 保留有用的默認值，與許多 CSS 重置不同。
- 將 styles 標准化為廣泛的 HTML 元素。
- 更正錯誤和常見的瀏覽器不一致。
- 通過細微的改進提高可用性。
- 使用詳細注釋解釋代碼的作用。
這可能（或可能不會）比 Meyer 重置更適合您。
解決方案2
0 2012-04-04 16:58:02
go 的最佳方法，在我看來，是在重置后重新定義 styles，而不是將它們從重置中刪除。 雖然您不應該看到上面定義的元素有任何問題，但是刪除 ul 和 li 定義之類的東西可能會導致瀏覽器之間的行為非常不一致。 在重置后重新定義這些元素將確保跨瀏覽器的一致性。
解決方案3
0 2012-04-04 17:08:19
[它受到 YUI、Eric Meyer 和 Boilerplate 的影響，但它不會干擾任何典型的樣式方面]
它有 6 個選項被注釋掉了。 （您只需要至少修改選項 3）如果需要，您可以更改其他選項，rest 應該符合預期（通常），除非您正在制作一個變成汽車的網站。（例如強制垂直滾動，行高、字體大小由您自行決定）
CSSesta 中的 HTML5 元素“當前”比 Eric Meyers 更新，並且可能會成為維護最頻繁的重置表，我知道這一點是因為我會更新它。
（試一試，如果你遇到任何問題，請告訴我，我會查看你的默認設置，並在兩者之間進行調整）
如何防止第一個孩子的CSS也影響HTML表中的第二個孩子？
[英]How can I prevent first-child CSS from also affecting the second child in my HTML Table?
如何防止 iPad/iPhone 的 CSS 也影響舊版瀏覽器
[英]How to prevent CSS for iPad/iPhone from affecting older browsers as well
如何防止 CSS 網格布局中的項目增長以適應其內容？
[英]How can I prevent an item in a CSS grid layout from growing to accommodate its content?
如何防止瀏覽器的寬度影響文本的垂直位置？
[英]How can I prevent the browser's width from affecting the vertical position of text?
如何防止 ::before 偽元素影響我的 flex 布局？
[英]How can I prevent the ::before pseudo element from affecting my flex layout?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.