CSS正文作者風格不適用，無法覆蓋用戶代理樣式表
[英]CSS body author style doesn't apply, can't override user agent stylesheet
問題描述
我在HTML根元素中設置了font-size，以便在項目中使用rem單位。 之后，我無法在body元素上應用任何樣式。 檢查員顯示它正在使用用戶代理默認樣式表。 其他樣式確實適用，但是body元素完全被破壞了。
在Chrome，Firefox和Safari中也是如此。 字體系列，顏色，填充等也都被破壞了。
如果需要，您可以通過此鏈接下載項目。
如果我注釋掉*和HTML選擇器，padding，font-family又回來了，但由於默認的16px字體大小，rems不正確。
* { margin: 0; padding: 0; box-sizing: border-box; } html { font-size: 10px; } body { font-family: "Lato", sans-serif; font-weight: 400; line-height: 1.7; color: #777; padding: 30px; }
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet"> <link rel="stylesheet" href="./css/style.css"> <link rel="shortcut icon" type="image/png" href="img/favicon.png"> <title>Natours</title> </head> <body> <header class="header"> <div class="logo-container"> <img src="./img/logo-white.png" class="logo" alt="natours logo"> </div> <div class="heading-container"> <h1 class="heading-primary"> <span class="heading-primary-main">Outdoors</span> <span class="heading-primary-sub">is where life happens</span> </h1> <a href="#" class="btn btn-white btn-animated">Discover our tours</a> </div> </header> </body> </html>
如何正確設置root字體大小以使用rems？ 是什么導致這個問題？
1 個解決方案
解決方案1
0 已采納 2019-05-13 19:35:06
這很奇怪。 我復制，打開，關閉了十次文件。 然后刪除（未注釋）html選擇器，然后再次重寫。 這解決了這個問題。 我以前從未見過這樣的事。
為什么iOS Safari用戶代理樣式表看起來會覆蓋主體上的邊距樣式？
[英]Why does the iOS Safari user agent stylesheet appear to override my margin style on the body?
無法在燒瓶中應用 css 樣式表（url_for() 問題）
[英]Can't get a css stylesheet in flask to apply (issue with url_for())
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.