更改H2元素的颜色

In coding there are often many different solutions to a given problem. This is especially true when it comes to styling an HTML element.

在编码中，对于给定问题通常有许多不同的解决方案。 在样式化HTML元素时，尤其如此。

One of the easiest things to change is the color of text. But sometimes it seems like nothing you try is working:

更改颜色最容易的事情之一。 但是有时似乎您尝试的任何方法都没有起作用：

CatPhotoApp

So how can you change the color of the H2 element to red?

那么如何将H2元素的颜色更改为红色？

选项1：内联CSS (Option 1: Inline CSS)

One way would be to use inline CSS to style the element directly.

一种方法是使用内联CSS直接为元素设置样式。

Like with the other methods, formatting is important. Take a look again at the code above:

与其他方法一样，格式化也很重要。 再看一下上面的代码：

CatPhotoApp

To use inline styling, make sure to use the style attribute, and to wrap the properties and values in double quotes ("):

要使用内联样式，请确保使用style属性，并将属性和值包装在双引号(“)中：

CatPhotoApp

选项2：使用CSS选择器 (Option 2: Use CSS selectors)

Rather than using inline styling, you could separate your HTML, or the structure and content of the page, from the styling, or CSS.

除了使用内联样式外，您还可以将HTML或页面的结构和内容与样式或CSS分开。

First, get rid of the inline CSS:

首先，摆脱内联CSS：

CatPhotoApp

But you need to be careful about the CSS selector you use. Take a look at the