如何使用CSS选中指定单个<p>标签修改样式而不影响其他<p>标签

有三种常用方案可以实现需求，具体操作如下： #

方法1：给目标<p>标签添加唯一id属性 #

id是单页面内唯一的标识，你可以给要修改的<p>标签加上自定义id，比如命名为special-p：
HTML代码：

<!-- 仅这个p标签会应用特殊样式 -->
<p id="special-p">这是要应用自定义样式的文本</p>
<!-- 其余p标签不受影响 -->
<p>这是默认样式的文本</p>
<p>这是默认样式的文本</p>

修改CSS选择器，用#+id名匹配对应标签即可：

#special-p {
    color: red;
}

方法2：给目标<p>标签添加class属性 #

如果后续可能需要给多个标签复用这套样式，可以用class实现：
HTML代码：

<p class="custom-red">这是要应用红色样式的文本</p>
<p>这是默认样式的文本</p>
<!-- 后续需要复用样式直接加同名class即可 -->
<p class="custom-red">另一个也要用红色样式的文本</p>

CSS选择器用.+class名匹配：

.custom-red {
    color: red;
}

方法3：使用行内样式 #

如果只是临时修改单个标签的样式，不需要复用，也可以直接在<p>标签上写style属性：

<p style="color: red;">这是单独设置红色的文本</p>
<p>这是默认样式的文本</p>

提示：三种方案的样式优先级为 行内样式 > id选择器 > class选择器 > 全局<p>标签选择器，按需选择即可。

内容的提问来源于stack exchange，提问作者Youssef1781