我们从设计师处获得了一些可疑的HTML.以下是否有效?(注意UL内部的UL)
<ul>
<li>1</li>
<ul>
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
</ul>
<li>2</li>
<ul>
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
</ul>
</ul>
Run Code Online (Sandbox Code Playgroud) 我有问题因为我想围绕一些td内部tr所以我需要知道.
哪些DOM元素可以成为tr的子元素?(我知道div不可以.)
我还注意到我正在使用的网站的<ul>结构清单编写不正确。我认为此代码不符合正常的HTML标准。
当前,代码是以这种方式编写的。
<ul>
<a href="#"><li>message 1</li></a>
<a href="#"><li>message 2</li></a>
<a href="#"><li>message 3</li></a>
</ul>
Run Code Online (Sandbox Code Playgroud)
当然,正确的HTML格式应该是
<ul>
<li><a href="#">message 1</a></li>
<li><a href="#">message 2</a></li>
<li><a href="#">message 3</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我的问题是..如果您将div或锚标签包裹在
<li>
Run Code Online (Sandbox Code Playgroud)
这仍然使html有效吗?
我猜它是用这种方式编码的,是为了使li可点击。
<ul>列表的正确标准是什么,可以用不同的方式编写吗?
所以我们想要在列表中访问-n + 3个 li元素(如果在li我们想要访问的元素之前有不同类型的元素是我们不关心的细节),我使用以下方式:
<html>
<body>
<style>
li:nth-child(-n+3) {
background: #ff0000;
}
</style>
<p>An unordered list:</p>
<ul>
<h1>heading</h1>
<li>coffee</li>
<li>tea</li>
<li>water</li>
<li>coca-cola</li>
<li>sprite</li>
<li>orange juice</li>
<li>beer</li>
</ul>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
它工作正常,但在Explorer 8及更早版本中,nth-child()不支持选择器.那么如何在不使用伪类的情况下访问-n + 3 li元素nth-child()呢?
或者说,<UL>只能包含<LI>?或者它将无效?我查了一下定义,但似乎他们没有指明这一点.看到
我想知道我是否可以让ul class productnav消失,直到鼠标悬停在产品按钮上?此外,我希望productnav ul像普通菜单一样偏向一边.
HTML:
<div class="sidebar1" align="center">
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li><a href="#">Products</a></li>
<ul class="productnav">
<li><a href="#">Products Overview</a></li>
<li><a href="#">Unibook Enterprise</a></li>
<li><a href="#">Unibook Standard</a></li>
<li><a href="#">Univoice 2.0</a></li>
<li><a href="#">Univoice lite</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Demo</a></li>
</ul>
<li><a href="#">Solutions</a></li>
<li><a href="#">Markets</a></li>
<li><a href="#">About UDI</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
忽略任何missing/div标签等.
CSS:
ul.nav {
margin-top: 10px;
margin-left: 2px;
list-style: none; /* this removes the list marker */
border-top: 1px solid #FFF; /* this creates the top border for the links - all others …Run Code Online (Sandbox Code Playgroud)