div的子元素

Question

我有一段用div标签括起来并包含一些子元素的代码：

<div class="menu">
    <ul>
        <li>A hurr</li>
        <li>A durr</li>
        <li>A murrmurr</li>
    </ul>
</div>

现在在我正在阅读的教程中，他在CSS文件中执行：

#menu {
    width: 550px;
    height: 35px;
    font-size: 16px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 2px 3px #333333;
    background-color: #8AD9FF;
        border-radius: 8px;
}

然后：

#menu ul {
    height: auto;
    padding: 8px 0px;
    margin: 0px;
}

更改ul元素的外观。

我认为这是旧版本的CSS，因为我们现在使用.menu而非#menu，现在似乎无法输入menu ul { blabla }

如何在今天的CSS中更改子元素ul的外观？

#menu {
    width: 550px;
    height: 35px;
    font-size: 16px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 2px 3px #333333;
    background-color: #8AD9FF;
    border-radius: 8px;
}
#menu ul {
    height: auto;
    padding: 8px 0px;
    margin: 0px;
}

<div class="menu">
	<ul>
		<li>A hurr</li>
		<li>A durr</li>
		<li>A murrmurr</li>
	</ul>
</div>

Answer 1

如果我理解你的问题，你可以这样做：

.menu ul li {
    //properties
}

你只需要用.menu替换你的#menu，因为你把它作为一个类放在html代码中。