<body>
<div id="header">
<div id="header_center">
<div class="logo"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
我想使用以下CSS:
#header#header_center.logo {
float:left;
background-image: url(images/logo.png);
background-repeat: no-repeat;
width: 297px;
height: 85px;
}
Run Code Online (Sandbox Code Playgroud)
......但它不起作用.如果我只使用'.logo'那就可以了.为什么我不能使用'#header#header_center.logo'?
您发布的CSS将选择一个如下所示的元素:
<div id="header header_center" class="logo"></div>
Run Code Online (Sandbox Code Playgroud)
您需要做的是在选择器之间添加空格,以便选择嵌套元素.
#header #header_center .logo { ...
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
116 次 |
| 最近记录: |