javascript - 我更改了一个文档的 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 或类提供样式。