Question

我有一个像这样打开的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是否正确？

谢谢！

Answer 1

在CSS中，您选择一个带有句点（.）的类和带有井号（#）的ID。

所以改变：

.gform_wrapper_8

为：

#gform_wrapper_8

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

<强> jsFiddle example

Answer 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 selectors

Answer 3

“gform_wrapper_8”是ID，因此在CSS中它应该是

#gform_wrapper_8

不是

.gform_wrapper_8

Answer 4

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

#gform_wrapper_8

而不是

.gform_wrapper_8

（仅适用于班级）

未在HTML页面上显示的新样式

4 个答案: