所以,我最近有这个问题,我试图用“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很陌生,所以很有可能我只是忘记了某件事,如果是这样的话,请告诉我!
答案 0 :(得分:4)
当您输入h1.title
时,您要说&#34;每个h1元素都带有class =&#39; title&#39;&#34;这意味着如果你把类标题放在div上就不会被选中。删除元素选择器通常更好,只需在你的css中使用.title
,这样它就会击中任何带有标题类的元素。
答案 1 :(得分:1)
你只是把它格式化错了,不要太大!当你开始使用它时(或者对我来说似乎很奇怪),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。
我不想因此而谴责你,但最终会有人在这里!此外,现在养成良好的习惯可以节省你很多时间来修复它们。
答案 2 :(得分:0)
尝试
.title h1 {
color: red }
答案 3 :(得分:0)
.Title h1{
color:red;
}