0

我有一个像这样打开的 div：

<div class='gf_browser_chrome gform_wrapper' id='gform_wrapper_8' >

我将此代码添加到 css 文件中：

.gform_wrapper_8
{
    border-style:solid;
    border-width:1px;

    text-color: black;
    font-family:  "Century Gothic",Helvetica,Arial,sans-serif; 
}

.gform_wrapper_8 h3
{
    font-weight: normal;  <!-- #lighter -->

    text-color: black;
    font-family:  "Century Gothic",Helvetica,Arial,sans-serif; 
}

但我没有看到该 div 的 HTML 页面有任何变化。我做错了什么吗？还是css看起来正确？

谢谢！

4

4 回答 4

3

在 CSS 中，您选择带有句点 ( .) 的类和带有井号 ( #) 的 ID。

所以改变：

.gform_wrapper_8

至：

#gform_wrapper_8

因为 .gform_wrapper_8 是您元素的 ID，而不是类。要通过类设置样式，请使用.gf_browser_chrome gform_wrapper

jsFiddle 示例

于 2013-08-19T18:18:43.217 回答
2

#用于ID，.用于类

#gform_wrapper_8{
    border-style:solid;
    border-width:1px;
    text-color: black;
    font-family:  "Century Gothic",Helvetica,Arial,sans-serif; 
}

#gform_wrapper_8 h3{
    font-weight: normal;  <!-- #lighter -->
    text-color: black;
    font-family:  "Century Gothic",Helvetica,Arial,sans-serif;
}

CSS 选择器

于 2013-08-19T18:19:08.480 回答
2

"gform_wrapper_8" is the ID, so in the CSS it should be 

#gform_wrapper_8

not 

.gform_wrapper_8
于 2013-08-19T18:19:49.520 回答
1

gform_wrapper_8 是一个 id，所以你应该使用

#gform_wrapper_8

代替

.gform_wrapper_8

（仅适用于课堂）

于 2013-08-19T18:19:21.103 回答