不同元素设置text-color - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    body {
      color: red;
    }

    h1 {
      color: #00ff00;
    }

    p.ex {
      color: rgb(0, 0, 255);
    }
  </style>
</head>

<body>
  <h1>这是标题 1</h1>
  <p>这是一个普通的段落。请注意,本文是红色的。页面中定义默认的文本颜色选择器。</p>
  <p class="ex">这是一个类为"ex"的段落。这个文本是蓝色的。</p>
</body>
</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    body {
      color: red;
    }
​
    h1 {
      color: #00ff00;
    }
​
    p.ex {
      color: rgb(0, 0, 255);
    }
  </style>
</head>
​
<body>
  <h1>这是标题 1</h1>
  <p>这是一个普通的段落。请注意,本文是红色的。页面中定义默认的文本颜色选择器。</p>
  <p class="ex">这是一个类为"ex"的段落。这个文本是蓝色的。</p>
</body>
</html>