时间戳

首页 > 解决方案 > CSS段落颜色不变？

html - CSS段落颜色不变？

问题描述

我只是为了学习目的而使用 CSS 做一些基本的事情并改变了颜色，<p>但它部分改变了（文本颜色在 h2 之前改变）。是因为<h2>? 如果是，那么背后的原因是什么？

CSS代码是：

    h1{
        color: firebrick;}
    h2{
        color: #ffD700;}
    p.one{
        color: rgb(46, 7, 218);}

对应的HTML是：

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
    <link rel="stylesheet" href="style.css" type="text/css">
    </head>
    <body>
        <h1>Chapter 1</h1>
        <p class="one">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
             tempor incididunt ut labore
             et dolore magna aliqua. A scelerisque purus semper eget duis at tellus at urna.
            <h2>Chapter-1(Part-1)</h2> Diam volutpat commodo sed egestas egestas 
             fringilla. Urna nunc id cursus metus aliquam eleifend mi in.Nisi scelerisque eu 
             ultrices vitae auctor eu augue ut lectus. Id aliquet lectus proin nibh nisl 
             condimentum id venenatis.
        </p>
    </body>
    </html>

标签： htmlcsscolors

解决方案

推荐阅读