我更改了一个文档 css 并更改所有标签"p" (CSS + ReactJS)

Question

我如何更改此页面上的标签"p"而不更改其他页面上的标签"p"？

在主页中，我有带有标签 p 的外部组件，并且此组件更改了我更改文档 CardSlick.css，但是主页上的文档名称是 loginPage.css。

有人知道如何帮助我吗？

感谢您的关注！！

ReactJS 代码：

CardIndividual() {
return this.state.card.map( card =>   
{ 
return (
<div className={'background'}>
<div className={'contentCard'}>
<div className={'titleStyle'}>
<h>{card.title}</h>
</div>  
<div className={'maxText'}>
<p>
{card.description_challenge}                             
</p>
</div>
<div className={'details'}>
<Button variant="secondary">detalhes</Button>
</div>
</div>
</div>
)
});
}
render() {
return (
<div className="container-fluid py-2">
<div className="d-flex flex-row flex-nowrap">
{this.CardIndividual()}
</div>
</div>
)
}

CSS代码：

p {
width: 15vw;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-lines: 5;}

Answer 1

不要将样式应用于标记，而是为其 id 或类提供样式。