如何在CSS中只更改一个段落的颜色？

ig9co6j1 于 2022-12-15 发布在其他

关注(0)|答案(4)|浏览(211)

我使用p{}函数为段落着色，但我希望另一个段落具有另一种颜色，就像我希望一个段落为绿色，另一个为蓝色一样
我试图搜索它在谷歌和这里，但我找不到答案，所以它会很有帮助，如果我可以（而且我希望代码只能在CSS而不是HTML）

css

来源：https://stackoverflow.com/questions/74766279/how-to-change-only-one-paragraphs-color-in-css

4条答案

按热度按时间

z3yyvxxp1#

id对于定位页面上的特定元素非常有用。在任何标记中，你都可以使用id属性来定位CSS中的特定元素。
如果您希望以相同的方式定位几个元素，请改用class属性。

#idtest{color:blue;}
.classtest{color:red};

<p id="idtest">Paragraph goes here...</p>
<p class="classtest">A second paragraph...</p>
<p class="classtest">A third paragraph...</p>

赞(0）回复(0）举报 2022-12-15

mwyxok5s2#

你可以用几种不同的方法来实现它。你可以给予段落单独的类或ID，然后为每个段落关联不同的字体-颜色属性。下面是一个使用类的例子：

<html>
    <head>
        <title>Green/Blue Demo</title>
        <style type="text/css">
            .green {
                color: green;
            }
            .blue {
                color: blue;
            }
        </style>
    </head>
    <body>
        <p class="green">
            This is some green text.
        </p>
        <p class="blue">
            This is some blue text.
        </p>
    </body>
</html>

赞(0）回复(0）举报 2022-12-15

qvtsj1bj3#

您可以使用ID。这允许您选择一个HTML标记，而不是所有其他标记。
在HTML文件中，添加id=“id-name”的ID。例如：

<p id="lorem-ipsum">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>

现在，在CSS文件中，您可以选择ID。

#lorem-ipsum {
  color: green;
}

但是你只能使用一次ID，所以你不能让多个段落使用相同的ID。如果你想让多个段落使用相同的“ID”，你可以使用类。所以它会是这样的：
一个二个一个一个

赞(0）回复(0）举报 2022-12-15

kx1ctssn4#

CSS组合！我的意思是CSS中的combinator会帮助你得到想要的结果。

后代选择器

匹配指定元素的所有子代元素。
div p {background-color:blue;}

子选择器

选择指定元素的所有子元素。
div > p {background-color: blue;

相邻同级选择器

选择直接位于另一个特定元素之后的所有元素。相邻的同级元素必须具有相同的父元素。
div + p {background-color:blue;}

常规同级选择器

选择下一个同级元素的所有元素必须具有相同的父元素
div ~ p {background-color:blue;}

赞(0）回复(0）举报 2022-12-15

我来回答

如何在CSS中只更改一个段落的颜色？

4条答案

CSS组合！我的意思是CSS中的combinator会帮助你得到想要的结果。

后代选择器

子选择器

相邻同级选择器

常规同级选择器

相关问题

热门标签

最新问答