相关疑难解决方法(0)

除了LI之外的任何东西都可以在UL中使用吗?

我们从设计师处获得了一些可疑的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)

html

26
推荐指数
2
解决办法
1万
查看次数

哪些DOM元素可以成为tr的子元素?

我有问题因为我想围绕一些td内部tr所以我需要知道.

哪些DOM元素可以成为tr的子元素?(我知道div不可以.)

html dom

10
推荐指数
2
解决办法
7526
查看次数

可以将div或锚标签包裹在&lt;LI&gt;周围仍被视为有效的html结构

我还注意到我正在使用的网站的<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>列表的正确标准是什么,可以用不同的方式编写吗?

html

4
推荐指数
1
解决办法
1229
查看次数

CSS中的Nth-child()选择器替代解决方案

所以我们想要在列表中访问-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()呢?

html css css-selectors

3
推荐指数
1
解决办法
1177
查看次数

HTML:将<li>以外的元素放入<ul>是否有效?

可能重复:
我们可以使用<ul>中的任何其他TAG和<li>吗?

或者说,<UL>只能包含<LI>?或者它将无效?我查了一下定义,但似乎他们没有指明这一点.看到

http://reference.sitepoint.com/html/ul

html

2
推荐指数
1
解决办法
2691
查看次数

如何使菜单在纯CSS中有子菜单

我想知道我是否可以让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)

html css

0
推荐指数
1
解决办法
1万
查看次数

标签 统计

html ×6

css ×2

css-selectors ×1

dom ×1