Html 通过css为子项添加类？

这是我现在的代码

我需要手动为每个项目设置“文本中心”类

另一方面，我可以一次将

字体大小：

全部添加到每个项目中

是否可以通过

css

一次添加

类

文本中心

<div>
    <div class="itemSquare">
        <p class="text-center">item1</p>
        <p class="text-center">item2</p>
        <p class="text-center">item3</p>
    </div>
</div>

<style>
.itemSquare > p{
    font-size:16px;
}
</style>

项目1
项目2
项目3
.itemSquare>p{
字体大小：16px；
}

有“SASS”和“LESS”等CSS解决方案，它们可以为您提供此类功能，但是如果时间不够，您可以使用以下JavaScript代码：

  window.addEventListener('load', function () {

    const paragraphElements = document.querySelectorAll('div[class=itemSquare] p');

    for (let index = 0; index < paragraphElements.length; index++)
    {
        const paragraph = paragraphElements[index];

        paragraph.classList.add('yourClassName')
    }
  });

window.addEventListener（'load'，function（）{
const paragraphElements=document.querySelectorAll（'div[class=itemSquare]p'）；
for（让index=0；index

有“SASS”和“LESS”等CSS解决方案，它们可以为您提供此类功能，但是如果时间不够，您可以使用以下JavaScript代码：

  window.addEventListener('load', function () {

    const paragraphElements = document.querySelectorAll('div[class=itemSquare] p');

    for (let index = 0; index < paragraphElements.length; index++)
    {
        const paragraph = paragraphElements[index];

        paragraph.classList.add('yourClassName')
    }
  });

window.addEventListener（'load'，function（）{
const paragraphElements=document.querySelectorAll（'div[class=itemSquare]p'）；
for（让index=0；index

否………..是否要将类

文本中心

添加到包含类

itemSquare

的div中的所有段落元素中？为什么需要为每个

p

放置

文本中心

？您只需在

.itemSquare

上添加一次即可。否…………是否要将类

文本中心

添加到包含类

itemSquare

的div中的所有段落元素？为什么需要为每个

p

放置

文本中心

？只需在

.itemSquare

上添加一次即可。