Question

我目前正在学习如何在freecodecamp.com上编码，而且我很难成功地将CSS类用于样式元素。具体而言，将文本CatPhotoApp从红色更改为蓝色。我按照页面上的说明操作，这是我到目前为止所做的：

<style>
  h2 {.blue-text
  color: blue;
  }
</style>

<h2>CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching   attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

我错过了一步吗？

Answer 1

要将样式绑定到类，您必须定义“who”是类：

<h2></h2>

没有上课。

<h2 class="classname"></h2>

是否有类（类是classname）

样式可以通过以下方式定义：

<style>
  .classname{
   color: blue;
  }
</style>

度过美好的一天！

你可以在样式中设置h2和class的范围 - 这样：

<style>
  h2.classname{
   color: blue;
  }
</style>

您可以将2个类绑定到（fe）h2：

<h2 class="blue-text bigtext"></h2>

这有2个类（蓝色文本和bigtext），样式已经合并。

<style>
  .blue-text{
   color: blue;
  }
  .bigtext{
   font-size: 1000%;
  }
</style>

Answer 2

没有课程.blue-text，所以只需将其从您的css

中删除即可

h2 {
  color: blue
}

<h2>CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

如果您想要和/或需要将.blue-text应用于h2，请按以下步骤操作：

.blue-text {
  color: blue
}

<h2 class="blue-text">CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

Answer 3

是的，要使用类设置此元素的样式，必须添加class属性并更正css，如下所示：

<style>
  .blue-text{
  color: blue;
  }
</style>

<h2 class="blue-text">CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

使用CSS类来设置元素的样式

3 个答案: