html - 菜单和子菜单问题？

Question

使用 CSS 样式表

在我的网页中，我有两个类，例如菜单和左侧。在菜单中，我有 ul、li 类。我也想在左侧使用 ul、li，但问题是如果我使用 ul、li，它与菜单 ul、li 匹配

ul -underlist, li - 列表

我尝试更改工作表的代码，

我的 CSS 代码。

#leftside{
    float: left;
    width: 230px;
    margin-left: 5px;
    margin-top: 15px;
    overflow: hidden;
    font: 13px Arial, Helvetica, sans-serif;
}

a {

    text-decoration: none;
    color: #000000;
}

a:hover {

    text-decoration: underline;
    color: maroon;
}

ul {
    padding: 10px 10px 2px 0;
    margin: 0px;
    list-style: none;
}

li li {

    margin-left: 10px;
    margin-right: 10px;
    line-height: 30px;
    padding-left: 15px;
    border-bottom: 1px dashed #BDBDBD;
    background: url(images/img04.jpg) no-repeat left 50%;
}

HTML代码

<li>                    
<ul>
<li><a href="#">Company Profile</a></li>
<li><a href="#">Enquiry</a></li>
<li><a href="#">Career</a></li>
<li><a href="#">Location Map</a></li>
</ul>
</li>

ul、list与菜单ul、li匹配

如何解决这个问题。请。

Answer 1

要减少内部列表上方的空间量，请更改 ul 的填充，使其为 0 或负数。

例如:

ul {
    padding: 0 10px 2px 0;
    margin: 0px;
    list-style: none;
}

您还可以使用特殊样式表通过执行以下操作来更正 Internet Explorer 中的问题:

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="iespecific.css" />
<![endif]-->

然后您需要一个名为 iespecific.css 的第二个 CSS 文件，其中包含上述 ul 样式。