處理為知筆記樣式與部落格園樣式衝突

2022-09-02 21:21:23 字數 877 閱讀 5860

通過為知筆記發布筆記到後,發現一些樣式不太滿意,比如下面的兩種情況

1、 **段中行間隔太大

2、 從網頁貼上進筆記的間隔太寬

開啟chrome開發者工具,選擇顯示異常的元素,檢查css樣式。

第乙個問題:發現在a處的**裡面有乙個margin-bottom: 1em的樣式,這個樣式是寫在的css**裡面的無法修改。但是,在b處有乙個css,這個css是自定義的樣式,根據css優先順序的規則,b處的選擇器的優先順序是高於a處的,所以只需要在a處裡面新增一行margin-bottom: 0此問題應該就能解決了。

第二個問題:檢視a處的**,發現給p標籤設定了乙個上下的margin,同時,這個已經定義的樣式是無法修改的。再一次,想到了樣式優先順序規則,檢視b處,這個p標籤的完整路徑是#cnblogs_post_body div p

所以,可以在自定義的css裡面新增乙個樣式#cnblogs_post_body div p 問題解決

1、 **段中行間隔太大問題解決

2、 從網頁貼上進筆記的間隔太寬問題解決

部落格園CSS樣式

如圖示例 插入頁面定製css 中 cnblogs post body h3 cnblogs post body h1 cnblogs post body h4 cnblogs post body h5 cnblogs post body h2 如圖示例 插入頁面定製css 中 cnblogs pos...

測試部落格園樣式

是面向開發者的知識分享社群,不允許發布任何推廣 廣告 政治方面的內容。首頁 即 首頁 只能發布原創的 高質量的 能讓讀者從中學到東西的內容。是面向開發者的知識分享社群,不允許發布任何推廣 廣告 政治方面的內容。首頁 即 首頁 只能發布原創的 高質量的 能讓讀者從中學到東西的內容。是面向開發者的知識分...

本站部落格園樣式CSS

後台管理 設定部落格 選擇bluesky 在 頁面定製css 中插入以下css 儲存 common a hover code cnblogs markdown code,cnblogs post body code cnblogs markdown code.hljs,cnblogs post bo...