這就是我一開(kāi)始所擁有的 - 還有更多，但一切都很好：<!DOCTYPE html><html> <head> <title>My Life Story</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <header> <section id="navi"> <nav> <ul> <li><a href="index.html">Introduction</a></li> <li><a href="Wales.html">Wales</a></li> <li><a href="inverness.html">Inverness</a></li> <li><a href="edinburghone.html">Edinburgh Part One</a></li> <li><a href="edinburghtwo.html">Edinburgh Part Two</a></li> <li><a href="bristol.html">Bristol</a></li> </nav> </section> </header> </body></html>我的樣式.css：.header { padding: 60px; text-align: center; background: #f2acec; color: white; font-size: 40px; }index.ul { list-style-type: none; margin: 0; padding: 0; }CSS 文件與 .html 位于同一文件夾中 - 但當(dāng)我加載它時(shí)，沒(méi)有任何反應(yīng) - 為什么？我到處都看過(guò)了，似乎我沒(méi)有做錯(cuò)什么。我缺少什么？
2 回答
嚕嚕噠
TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超7個(gè)贊
聯(lián)動(dòng)就好了 您的 CSS 選擇器都不與 HTML 相對(duì)應(yīng)。以下應(yīng)該有效：
header {
padding: 60px;
text-align: center;
background: #f2acec;
color: white;
font-size: 40px;
}
header ul {
list-style-type: none;
margin: 0;
padding: 0;
}
https://codepen.io/leepowers2/pen/VwLxZLX
慕慕森
TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超17個(gè)贊
您的 CSS 選擇器當(dāng)前不會(huì)選擇您顯示的 HTML 中的任何標(biāo)簽。例如.header- css 中的一個(gè)點(diǎn)和一個(gè)名稱(chēng)意味著您想要選擇在其類(lèi)屬性中具有此屬性的元素。您應(yīng)該必須header選擇一個(gè)標(biāo)題標(biāo)簽。
- 2 回答
- 0 關(guān)注
- 135 瀏覽
添加回答
舉報(bào)
0/150
提交
取消