时间戳

首页 > 解决方案 > 如何设置段落样式

css - 如何设置段落样式

问题描述

我有 5 个段落，div我需要对它们进行不同的样式设置。有没有更简单的方法，而不是给每个段落一个不同的类？

<div class="container-fluid">
        <div class="row">
            <div class="col bg-dark text-white">
                <p class="text">Nikolina Tute 2 Mount Street, Manchester M2 5WQ</p>
                <p class="text-2">#1 in Customer Service in the UK</p>
                <p class="text-3">Free Shipping for Orders over 60$</p>
                <p class="text-4">support@hlfonline.co.uk</p>
                <p class="text-5">07441 430 469</p> 
            </div>
        </div>
    </div>

标签： cssclasstextstylesparagraph

解决方案

只需创建一个标准类，然后为您想要的更改创建微类：

<p class="p-class"> Some Text </p>
<p class="p-class"> Some Text </p>
<p class="p-class diff-class"> I'm Different!! </p>

.p-class{
background: green;
text-align: center;
font-size: 1rem;
}

.diff-class{
"Some different stuff here"
 }

如果您不想在每个段落中写入类名，则可以将“.p-class”替换为仅“p”
请记住，这将影响所有“p”元素。
我知道这些不是好的类命名约定。

推荐阅读