看截的图，，，

[已解决问题] 解决于 2025-10-22 09:20

导航栏的样式作用于下级的ul，无法修改，怎么破解，

问题补充：

我说的是，为什么ulstyle4 设置的list-style-type 为 disc没反应，上面的ul 是设置的none

gzjiuying | 菜鸟二级 | 园豆：260
提问于：2025-10-13 14:43

< >

最佳答案

你截图啥也看不出还不如你直接把代码丢给ai检测一下

奖励园豆：5

摸鱼w | 小虾三级 |园豆：681 | 2025-10-13 17:55

怎么操作？

gzjiuying | 园豆：260 (菜鸟二级) | 2025-10-13 18:01

问了ai 没什么用

gzjiuying | 园豆：260 (菜鸟二级) | 2025-10-13 18:27

@gzjiuying: 你检测样式有没有被顶替或者你给代码都发出来

摸鱼w | 园豆：681 (小虾三级) | 2025-10-14 09:08

@摸鱼w: 其实是这样，
子菜单的样式和上级菜单一样，我加了 list-style-type: circle 还是一样

gzjiuying | 园豆：260 (菜鸟二级) | 2025-10-15 09:02

其他回答(3)

你要不贴出来代码吧，截图复制不了源码

人间春风意 | 园豆：2853 (老鸟四级) | 2025-10-14 11:38

其实是这样，
子菜单的样式和上级菜单一样，我加了 list-style-type: circle 还是一样

支持(0) 反对(0) gzjiuying | 园豆：260 (菜鸟二级) | 2025-10-15 08:56

@gzjiuying: 你有把display:none 拿掉吗？拿掉应该就OK了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
.nav_bar li{
margin-right: 10px;
}
.ul_style4{
list-style-type: disc;
}
</style>
<body>
<ul class="nav_bar">
<li>第一层项目0</li>
<li>第一层项目1
<ul class="ul_style4">
<li>第二层项目1.1</li>
<li>第二层项目1.2
<ul>
<li>第三层项目1.2.1</li>
<li>第三层项目1.2.2</li>
</ul>
</li>
<li>第二层项目1.3</li>
</ul>
</li>
<li>第一层项目2
<ul>
<li>第二层项目2.1</li>
<li>第二层项目2.2</li>
</ul>
</li>
<li>第一层项目3</li>
</ul>
</body>
</html>

支持(0) 反对(0) 人间春风意 | 园豆：2853 (老鸟四级) | 2025-10-15 09:21

@人间春风意: 为什么要去掉 display ？

支持(0) 反对(0) gzjiuying | 园豆：260 (菜鸟二级) | 2025-10-15 10:41

@人间春风意: 去掉不行的

支持(0) 反对(0) gzjiuying | 园豆：260 (菜鸟二级) | 2025-10-15 10:43

@人间春风意: 图片是鼠标在上面显示的，问题是子菜单每个项前面没有 circle

支持(0) 反对(0) gzjiuying | 园豆：260 (菜鸟二级) | 2025-10-15 10:44

@gzjiuying:你的问题不是 ulstyle4 设定list-style-type 为 disc 不生效吗？你把你的问题抽出来，做一个最简单的 html 源码发出来

支持(0) 反对(0) 人间春风意 | 园豆：2853 (老鸟四级) | 2025-10-15 11:23

@人间春风意:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" culture="auto" meta:resourcekey="PageResource1" uiculture="auto" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head id="Head1" runat="server">
<title>GZJiuying</title>

</style>
</head>

<body>
<form id="form1" runat="server">
<div class="header">
Welcome to GZJiuying!<span class="span0">Email:<a href="mailto:gzjiuying@outlook.com">gzjiuying@outlook.com</a></span>
</div>
<div class="div0">
<img src="images/logo1.png" alt="logo" class="img_style0"/>
<ul class="nav_bar">
<li><a href="main.html" target="ln">Home page</a> </li>
<li><a href="aboutus.html" target="ln">About us</a></li>
<li onmouseover="showmenu();" onmouseout="hidemenu();" ><a>Main products</a>
<ul id="u6" class="ul_style4" style="display:none;">
<li><a>Insulation materials</a></li>
<li><a>Thermal conductive materials</a></li>
<li><a>Hardware materials</a></li>
</ul>
</li>
<li><a>Testimonials</a></li>
<li><a>Strength</a></li>
<li><a>Company news</a></li>
<li><a>Contact us</a></li>
</ul>
</div>
</body>
</html>

css:
body {
}
.header
{
width:960px;
height:19px;
text-align:left;
margin:auto;
background-color:Transparent;
}
.span0
{
margin-left:480px;
}

.img_style0
{
height: 57px;
width: 152px;
}
.nav_bar
{
list-style-type:none;
font-size:16px;
width: 750px;
height:22px;
margin-top:-35px;
margin-left:170px;
padding:0;
}

.ul_style0
{
	list-style-type:none;
	   font-size:16px;

	   text-align:center;
	   margin:auto;
}
  .ul_style1
{
	list-style-type:none;
 font-size:14px;

	   text-align:left;
	   margin:auto;
}

.ul_style2
{
list-style-type:hebrew;
width:260px;
font-size:14px;
font-weight:bold;
position:absolute;
cursor:pointer;
}
.ul_style3
{
list-style-type:circle;
font-size:14px;

  margin :auto;
  margin-left:-25px;
  cursor:pointer;
}
.ul_style4
{
 list-style-type:circle;
 font-size:14px;
 width:240px;
 border:1px solid #000;
 cursor:pointer;
 z-index:1;
 background-color:White;
 position:absolute;
}

.nav_bar li
{
display:inline;
margin-right:15px;
}
.nav_bar li:last-child
{
margin-right:0;
}

.nav_bar li a:hover
{
text-decoration:underline;
}

.nav_bar li a
{
text-decoration:none;
color:inherit;
}

.div0
{
text-align:left;
margin:auto;
width:960px;
}

.div1
{
width:260px;
height:400px;
float:left;
border:1px solid #000;
text-align:left;
margin-top:5px;
}
.div2
{
width:690px;
height:400px;
border:1px solid #000;
margin-left:5px;
margin-top:5px;

float:left;

}
.div4
{
text-align:center;
margin:auto;
width:960px;
height:405px;
}
.div3
{
text-align:center;
margin:auto;
width:960px;
height:22px;
border:1px solid #000;
clear:both;
margin-top:5px;
margin-bottom:5px;
}
.slideshow-container
{
position: relative;
text-align:center;
margin:auto;
width: 960px;
}

.slide
{
display:none;
}

支持(0) 反对(0) gzjiuying | 园豆：260 (菜鸟二级) | 2025-10-15 14:20

@gzjiuying: 加个css
.ul_style4 li {
display: list-item;
}

支持(0) 反对(0) 人间春风意 | 园豆：2853 (老鸟四级) | 2025-10-15 14:50

@人间春风意: 弄好了？

支持(0) 反对(0) gzjiuying | 园豆：260 (菜鸟二级) | 2025-10-15 15:07

@gzjiuying: 我本地好了，

支持(0) 反对(0) 人间春风意 | 园豆：2853 (老鸟四级) | 2025-10-15 15:07

@人间春风意: 还是一样的

支持(0) 反对(0) gzjiuying | 园豆：260 (菜鸟二级) | 2025-10-15 15:08

@gzjiuying: 那估计就是环境不一样吧，那我就不知道了

支持(0) 反对(0) 人间春风意 | 园豆：2853 (老鸟四级) | 2025-10-15 15:09

@人间春风意: 截个图看下你的

支持(0) 反对(0) gzjiuying | 园豆：260 (菜鸟二级) | 2025-10-15 15:15

@gzjiuying:
把你的代码改成html验证的，代码如下，你想看截图，自己看一下好了
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
<title>GZJiuying</title>

<style type="text/css">
    body {}

    .header {
        width: 960px;
        height: 19px;
        text-align: left;
        margin: auto;
        background-color: Transparent;
    }

    .span0 {
        margin-left: 480px;
    }

    .img_style0 {
        height: 57px;
        width: 152px;
    }

    .nav_bar {
        list-style-type: none;
        font-size: 16px;
        width: 750px;
        height: 22px;
        margin-top: -35px;
        margin-left: 170px;
        padding: 0;
    }

    .ul_style0 {
        list-style-type: none;
        font-size: 16px;

        text-align: center;
        margin: auto;
    }

    .ul_style1 {
        list-style-type: none;
        font-size: 14px;

        text-align: left;
        margin: auto;
    }

    .ul_style2 {
        list-style-type: hebrew;
        width: 260px;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        cursor: pointer;
    }

    .ul_style3 {
        list-style-type: circle;
        font-size: 14px;

        margin: auto;
        margin-left: -25px;
        cursor: pointer;
    }

    .ul_style4 {
        list-style-type: circle;
        font-size: 14px;
        width: 240px;
        border: 1px solid #000;
        cursor: pointer;
        z-index: 1;
        background-color: White;
        position: absolute;
    }

    .nav_bar li {
        display: inline;
        margin-right: 15px;
    }

    .nav_bar li:last-child {
        margin-right: 0;
    }

    .nav_bar li a:hover {
        text-decoration: underline;
    }

    .nav_bar li a {
        text-decoration: none;
        color: inherit;
    }

    .div0 {
        text-align: left;
        margin: auto;
        width: 960px;
    }

    .div1 {
        width: 260px;
        height: 400px;
        float: left;
        border: 1px solid #000;
        text-align: left;
        margin-top: 5px;
    }

    .div2 {
        width: 690px;
        height: 400px;
        border: 1px solid #000;
        margin-left: 5px;
        margin-top: 5px;

        float: left;
    }

    .div4 {
        text-align: center;
        margin: auto;
        width: 960px;
        height: 405px;
    }

    .div3 {
        text-align: center;
        margin: auto;
        width: 960px;
        height: 22px;
        border: 1px solid #000;
        clear: both;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .slideshow-container {
        position: relative;
        text-align: center;
        margin: auto;
        width: 960px;
    }

    .slide {
        display: none;
    }
    .ul_style4 li {
display: list-item; /* 确保列表项正常显示 */
margin: 5px 0; /* 添加上下边距 */

}
</style>
<script type="text/javascript">
function showmenu() {
document.getElementById("u6").style.display = "block";
}

    function hidemenu() {
        document.getElementById("u6").style.display = "none";
    }
</script>

</head>

<body>
<form id="form1">
<div class="header">
Welcome to GZJiuying!<span class="span0">Email:<a
href="mailto:gzjiuying@outlook.com">gzjiuying@outlook.com</a></span>
</div>
<div class="div0">
<img src="images/logo1.png" alt="logo" class="img_style0" />
<ul class="nav_bar">
<li><a href="main.html" target="ln">Home page</a> </li>
<li><a href="aboutus.html" target="ln">About us</a></li>
<li onmouseover="showmenu();" onmouseout="hidemenu();"><a>Main products</a>
<ul id="u6" class="ul_style4" style="display:none;">
<li><a>Insulation materials</a></li>
<li><a>Thermal conductive materials</a></li>
<li><a>Hardware materials</a></li>
</ul>
</li>
<li><a>Testimonials</a></li>
<li><a>Strength</a></li>
<li><a>Company news</a></li>
<li><a>Contact us</a></li>
</ul>
</div>
</form>
</body>

</html>

支持(0) 反对(0) 人间春风意 | 园豆：2853 (老鸟四级) | 2025-10-15 15:25

@人间春风意: 截个图看看

支持(0) 反对(0) gzjiuying | 园豆：260 (菜鸟二级) | 2025-10-16 10:30

用360极速浏览器X，按F12打开调试模式看看下原因

青争竹马 | 园豆：5846 (大侠五级) | 2025-10-15 09:20

不知道怎么弄

支持(0) 反对(0) gzjiuying | 园豆：260 (菜鸟二级) | 2025-10-15 10:45

已经解决了！

gzjiuying | 园豆：260 (菜鸟二级) | 2025-10-22 09:19

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。

看截的图，，，

欢迎，请先登录或者注册。