Html 为什么不是';我的菜单没用吗?
以下是HTML:Html 为什么不是';我的菜单没用吗?,html,css,navigation,Html,Css,Navigation,以下是HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Hi World!</title>
<link rel="stylesheet" type="text/css" href="c/main.css?95" />
</head>
<body>
<div id="wrapper">
<div id="divider">
<h1>LOGO</h1>
<ul class="underlinemenu">
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
</ul>
</div> <!-- end divider -->
<div id="divider">
<div class="article">
<h2 class="header">HEADER</h2>
<div class="content">
<p>CONTENT CONTENT CONTENT</p>
<p>CONTENT CONTENT CONTENT</p>
<p>CONTENT CONTENT CONTENT</p>
</div>
</div>
</div> <!-- end divider -->
<div id="divider">
<div class="article">
<h2 class="header">HEADER</h2>
<div class="content">
<p>CONTENT CONTENT CONTENT</p>
<p>CONTENT CONTENT CONTENT</p>
<p>CONTENT CONTENT CONTENT</p>
</div>
</div>
</div> <!-- end divider -->
<div id="divider">
<div class="article">
<h2 class="header">HEADER</h2>
<div class="content">
<p>CONTENT CONTENT CONTENT</p>
<p>CONTENT CONTENT CONTENT</p>
<p>CONTENT CONTENT CONTENT</p>
</div>
</div>
</div> <!-- end divider -->
<div id="footer">
<p class="copyright">COPYRIGHT</p>
<ul id="sitemap">
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
</ul>
</div>
</div> <!-- end wrapper -->
</body>
</html>
我做错了什么?您的CSS选择器有一级错误。你的规则应该是:
ul.underlinemenu {
// rules that will target the <ul>
}
ul.underlinemenu li {
// rules that will target the nested <li>'s
}
ul.underlinemenu li a {
// rules that will target the nested <a>'s
}
ul.u{
//针对
}
ul.u.li{
//将以嵌套的- 为目标的规则
}
ul.u.li a{
//将以嵌套对象为目标的规则
}
这样做的原因是,您试图用class
下划线u
为
设置样式。您所做的是尝试为嵌套在另一个元素中的
设置样式,该元素带有类下划线u
,这很有意义,谢谢Pat。underlinemenu{font-weight:bold;width:100%;}应该保持不变,对吗?是的,该规则将选择类为underlinemenu
的任何元素。如果您愿意,您可以将其与ul.underlinemenu
规则相结合,以帮助保持CSS的条理化。
ul.underlinemenu {
// rules that will target the <ul>
}
ul.underlinemenu li {
// rules that will target the nested <li>'s
}
ul.underlinemenu li a {
// rules that will target the nested <a>'s
}