小编Mic*_*vis的帖子

在这种情况下,为什么CSS ID不是最优先的CSS规则?

我已经构建了一个CSS导航标题,它的工作方式完全符合我想要的定位,程式化等等.这是使它风格化的CSS:

#header ul {
padding:72px 0 0 0;
text-align:center;
}

#header ul, #header ul li {
margin:0;
list-style:none;
}

#header ul li {
display:inline;
}

#header ul li a {
font-size:17px; color:#69C; text-decoration:none;
display:inline-block;
height:44px;
line-height:44px;
margin:3px 6px;
padding:0 26px;
}

#header ul li a:hover {
background:#69C;
color:#FFF;
}
Run Code Online (Sandbox Code Playgroud)

这是清单:

<div id="#header">
   <ul>
      <li><a href="#">HOME</a></li>
      <li><a href="#">WHAT WE DO</a></li>
      <li><a href="#">ABOUT US</a></li>
      <li><a href="#" id="get_started">GET STARTED TODAY!</a></li>
   </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

非常简单的东西(目前可在http://www.pmind.com/staging上查看,但我在此处为潜在的未来读者提供了代码).

您可能会在列表中注意到,最终的li具有分配给它的ID.当我将此规则添加到CSS时:

#get_started {
color:#3C0;
}
Run Code Online (Sandbox Code Playgroud)

什么都没发生.我的理解是,CSS文档中稍后出现的A. …

css css-selectors

8
推荐指数
1
解决办法
3119
查看次数

使用CSS将图像尺寸设置为"好",因为在HTML中设置它们?

很久以前,当我第一次学习HTML时,我被告知必须始终在HTML中设置图像的尺寸,以便浏览器可以绘制一个空白框,图像应该放在哪里,渲染页面,以及然后下载并渲染它们所属的图像.如果您没有为图像设置宽度和高度值,则浏览器必须首先下载图像以发现它们的尺寸,并且对于具有糟糕连接的人来说,它会减慢页面加载速度.

在过去的几年里,我一直在使用CSS,我总是在我的HTML中的标签中width加上height声明img.我的问题是,在样式表中设置宽度和高度,不再添加这些HTML属性,同样好吗?如果没有它们,它确实使我的斯巴达HTML看起来更清晰.

html css image dimensions

5
推荐指数
2
解决办法
953
查看次数

为什么这个div继承了父母的不透明度?

通常我会尝试在这里很好地记录这个问题,并复制一些代码,这样当我链接到的URL以证明问题不再导致任何地方时,至少问题将有足够的代码在其中,以便有人阅读很久以后可能会遇到同样问题的人可以看到这个例子.但在这种情况下,我遇到的问题是如此具体......我不知道什么是错的,所以我不知道在这里复制什么代码.

我有一个div,不透明度设置为1,在另一个div中,不透明度设置为.5,以制作一个非常便宜的"灯箱"效果.至少在其他两个网站上,我完全按照完全相同的方式完成了这个问题,并且从未遇到过这个问题.事实上,如果我在Dreamweaver中打开一个新的HTML页面并尝试复制该问题,我就不能.我知道我必须忽略一些如此荒谬的简单,但......

有问题的网址是http://pmind.com/staging/123/dashboard.shtml

中间的白色框generate_window继承其父级(generate_window-wash)不透明度.

为什么?

css z-index opacity

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

标签 统计

css ×3

css-selectors ×1

dimensions ×1

html ×1

image ×1

opacity ×1

z-index ×1