Question

我有一个外部CSS文件名main.css。 ID导航，部分和页脚工作正常，但ID标头不起作用。当我将标题部分放在HTML文件中时，它可以工作。为什么它在CSS文件中不起作用。

--------------------------- HTML文件------------------ -------

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="main.css">
    <meta charset="UTF-8">
</head>

<body>

    <div id="header">
        <h1>Furkan İlhan</h1>
    </div>

    <div id="nav">
        Hakkında<br>
        Kariyer<br>
        Projeler<br>
        Galeri<br>
    </div>

    <div id="section">
    <h2>Hakkında</h2>
    <p>asfsfsdfsdfsdfsdfsdfsfwefsdfsefssdsfsgsgsdsdsdgsdssdsssdmskdfmsldsmdlfskmflsmfsfm,
    sdfsfsdfsdfsdfsdfsfsefsefsefsefsefsefsefsefsefsefsefsefsef</p>
    <p>asfsfsdfsdfsdfsdfsdfsfwefsdfsefssdsfsgsgsdsdsdgsdssdsssdmskdfmsldsmdlfskmflsmfsfm,
    sdfsfsdfsdfsdfsdfsfsefsefsefsefsefsefsefsefsefsefsefsefsef</p>
    </div>

    <div id="footer">
    Tüm Hakkı Saklıdır. Furkanilhan.com
    </div>
</body>

</html>

-------------------------- CSS文件------------------- ------------

<style>

    #header {
        background-color:black;
        color:white;
        text-align:center;
        padding:5px;

    }

    #nav {
        line-height:30px;
        background-color:#eeeeee;
        height:300px;
        width:100px;
        float:left;
        padding:5px;    
    }

    #section {
        width:350px;
        float:left;
        padding:10px;
    }

    #footer {
        background-color:black;
        color:white;
        clear:both;
        text-align:center;
        padding:5px;
    }
    </style>

The image of result

Answer 1

因为您使用class =“header”属性和外部CSS定义的ID #Header。

所以你改变

#header {

}

在CSS中使用此代码

.header {

}

100％完美地工作

Answer 2

Dhaval错了 - 你使用#header是正确的，因为你在HTML中将它作为id。
从CSS表格中删除<style></style>标记。

让我知道你怎么去

的问候，
Kostantinos

Answer 3

似乎链接要求在每个let tag = tagsArr[indexPath.row].remoteID let res = addedTags.map { $0.remoteID } if res.contains(tag) { // tag exists color it } else { // not here }中定义ID才能起作用，而不仅仅是类名。

我的情况有些不同，其中的链接仅对html中定义的类和css文件中定义的.clasname不起作用。

为什么CSS标头不起作用

3 个答案: