[分享]css内外文字不一样颜色

p { color: black; /* 段落内文字默认颜色 */ } .highlight { color: red; /* 外部文字颜色 */ }

 p {
        color: black; /* 段落内文字默认颜色 */
    }
    .highlight {
        color: red; /* 外部文字颜色 */
    } 

在编写网页时，通过使用CSS样式可以很方便地为文本添加颜色、字体、字号等样式效果。但是，在某些情况下希望设置外部文字和段落内文字的颜色不同，这时我们可以通过CSS的一些技巧来实现。

首先，我们需要为段落设置默认的文字颜色，可以通过在p标签中设置color属性来实现。

接下来，我们再为外部文字设置特定的颜色，可以通过在CSS中为特定的元素添加class，并在class中设置文字颜色。

 .highlight {
        color: red;
    } 

最后，我们在HTML文档中使用上面定义的class来给外部文字添加相应的颜色，即在需要添加颜色的地方使用<span class="highlight">...</span>标签。