将背景添加到分支div标签

Question

当我尝试添加分支部门并为该部门添加背景时，我遇到了困难。

HTML：

    <div class="content">
        <div id="page1">
            <center><img src="img/logo.png"/></center>
            <h3> <b>Hello</b> This is fun and friendly </h3>

            <p>People writing about how to help you fix a html problem!</p>

            <p>Thank you,</p>
            <p>John Bohn</p>
            </div>   
        </div>
    </div>

CSS：

page1 {
    background-color: #00007;
}

CSS完全没有任何事情发生。

如果有人能帮助我并解释我做错了什么以及如何解决它。我将不胜感激。

Answer 1

您需要在css中加入#，以便按ID选择元素。

的 Jsfiddle

#page1 {
    background-color: #00007;
}

# - id选择器
. - 类选择器

#elementId{
    // css styles for an element with id
}

.elementClass{
    // css styles for an element with class
}

elementTagName{
    // css styles for a specific html tag
}

Answer 2

正确的是......

#page1 {
  background-color: #00007;
}

错过了选择器开头的哈希值（#）。

Answer 3

CSS前缀的工作原理如下：

#page1 { .... }＆lt; ---一个ID

.page1 { .... }＆lt; ---一个班级名称

page1 { ... }＆lt; --- <page1>的标记，不存在。

Answer 4

尝试使用#page1代替page1

请记住这些：

＃前缀是指id

<div id="page1"> 
...
#page1 { ...

。前缀是指一个类

<div class="page1"> 
...
.page1 { ...

没有前缀是指元素。

<div> 
...
div { ...

还有很多其他选择器！它是一个很大的世界，我推荐你google＆＃34; CSS Selectors＆＃34; ：）

Answer 5

  <div class="content">
        <div id="page1">
            <center><img src="img/logo.png"/></center>
            <h3> <b>Hello</b> This is fun and friendly </h3>

            <p>People writing about how to help you fix a html problem!</p>

            <p>Thank you,</p>
            <p>John Bohn</p>
            </div>   
        </div>
    </div>


#page1 {
    background-color: #00007;
}