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

时间:2016-11-08 20:28:05

标签: html css

所以,我最近有这个问题,我试图用“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很陌生,所以很有可能我只是忘记了某件事,如果是这样的话,请告诉我!

4 个答案:

答案 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)

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

.Title h1{
color:red;
}