Question

嗨我想在页面的标题栏目中添加css

我在1页中有不同的部分

但我想更改标题文字的每个部分字体和颜色

但不确定如何做到

enter image description here

Answer 1

为每个部分指定一个类，然后将样式应用于该类的子项。例如：

＆＃13;

.section-1 h2{
  color:#fff;
}
.section-1{
  background-color:orange;
}
.section-1 p{
  color:blue;
}
.section-2 h2{
  color:#fff;
}
.section-2{
  background-color:peachpuff;
}
.section-2 p{
  color:black;
}
.section-3 h2{
  color:#fff;
}
.section-3{
  background-color:pink;
}
.section-3 p{
  color:purple;
}

＆＃13;

<html>
<head></head>
<body>
<div class="section-1">
   <h2>Section 1</h2>
   <p>Filler paragraph text</p>
</div>
<div class="section-2">
   <h2>Section 2</h2>
   <p>Filler paragraph text</p>
</div>

<div class="section-3">
   <h2>Section 3</h2>
   <p>Filler paragraph text</p>
</div>

<div class="section-4">
   <h2>Section 4</h2>
   <p>Filler paragraph text</p>
</div>

</body>
</html>

＆＃13;

Answer 2

您可以使用style属性 https://www.w3schools.com/tags/att_style.asp

<h1 style="color:blue;text-align:center">This is a header</h1>
<p style="color:green">This is a paragraph.</p>

Answer 3

您可以通过Id属性制作单独的css选项。

结帐https://www.w3schools.com/html/html_css.asp。＆＃34; id属性＆＃34;

是否可以将css添加到页面的特定部分？

3 个答案: