<div>标签不会影响任何内容

Question

所以，我最近有这个问题，我试图用“div”标签专门设置所有“h1”标签的样式，但它只是不起作用。我必须手动将“class”值放在“h1”标签中，这非常烦人。

不起作用：

<div class="Title">

<h1>Title</h1>

<p>Paragraph</p>

</div>

CSS

h1.Title {color: red}

工作：

<h1 class="Title">Title</h1>
<p>Paragraph</p>

我对CSS很陌生，所以很有可能我只是忘记了某件事，如果是这样的话，请告诉我！

Answer 1

当您输入h1.title时，您要说＆＃34;每个h1元素都带有class =＆＃39; title＆＃39;＆＃34;这意味着如果你把类标题放在div上就不会被选中。删除元素选择器通常更好，只需在你的css中使用.title，这样它就会击中任何带有标题类的元素。

Answer 2

你只是把它格式化错了，不要太大！当你开始使用它时（或者对我来说似乎很奇怪），CSS继承有点奇怪，但它最终会有很大的意义。从父项开始，然后从中选择子项。喜欢：

parent child {

}

所以在你的情况下：

div h1 { 
    color:red;
}

但对于你的班级，你可以这样做

.Title { 
   /* affects all title children */
 } 

或

.Title h1 { 
    /* affects all h1s with a parent of Title */
 }

我不是在争论变量初始化，但我永远不会在你的类或ID声明中首先使用大写字母。有些人更喜欢camelCase，但我更喜欢underlined_naming。

我不想因此而谴责你，但最终会有人在这里！此外，现在养成良好的习惯可以节省你很多时间来修复它们。

Answer 3

尝试

.title h1 {
   color: red }

Answer 4

只是这样做 标题潜水中只有h1会被更改..

.Title h1{
color:red;
}