只能使用一个名字下的CSS类选择器

因此，我对网页设计非常陌生，并且使用类进行了非常简单的代码测试。但出于某种原因，我只能让我的班级风格以名称“Block”出现。它看起来像这样：只能使用一个名字下的CSS类选择器

<!DOCTYPE html> 
<html> 
    <head> 
     <title>My document</title> 
      <link rel="stylesheet" type="text/css" href="style.css" /> 
    </head> 
    <body> 
    <div class = "Block"></div> 

    </body> 
</html>

，并为CSS：

.Block { 
    background-color: red; 
    height: 28px; 

    }

为什么只让我使用这个类的名字，并没有别的？我使用Chrome，但我不认为这会是一个问题吗？

来源

2015-04-02 Dante

你不必在你的HTML的任何其他类。 – dan08 2015-04-02 20:24:35

班级名称'Block'没有什么特别之处。你能否包含那些无效的代码？ – 2015-04-02 20:24:35

你预计会发生什么？ – btevfik 2015-04-02 20:24:58

您需要更改班级中的姓名。例如，如果您希望它在名称标题下工作，您需要将您的CSS代码更改为下面的代码，并更改HTML中的类名称。

.header { 
 
    background-color: red; 
 
    height: 28px; 
 
}

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <title>My document</title> 
 
      <link rel="stylesheet" type="text/css" href="style.css" /> 
 
    </head> 
 
    <body> 
 
    <div class = "header"></div> 
 

 
    </body> 
 
</html>

来源

2015-04-02 20:25:24 cross

您是否*要改变类名来匹配CSS？仍然看到''Block''。 – 2015-04-02 20:49:03

@PaulRoub我是，对不起，编辑答案:) – cross 2015-04-02 20:49:56

您的代码按预期工作。但是，您的样式表可能不在您认为的位置。

.Block { 
 
    background-color: red; 
 
    height: 28px; 
 
}

<div class="Block"></div>

来源

2015-04-02 20:40:30

是的，我试着改变类名来匹配.css和.txt文件，但没有任何改变。我正在编辑html文件，并显示我的css文件，并在每次更改CSS时重新加载html页面。只要我没有将“Block”更改为其他任何内容，或者尝试添加新的div类来处理，就可以正常工作。所以最终我只是删除了我的html页面，并用改变后的代码创建了一个新页面。这实际上工作，但它似乎过于复杂，我不得不删除每次我想进行重大更改页面。我仍然必须失去一些东西。 – Dante 2015-04-04 14:50:03

您可能会看到您的浏览器缓存的.css文件的缓存副本。您可以尝试多次刷新页面或手动清除缓存。先试一试，你说得对，这个过程不应该那么复杂。 – 2015-04-05 22:49:25

只能使用一个名字下的CSS类选择器

回答

相关问题