Estoy desarrollando una aplicación de reacción con mi grupo como principiante. Anteriormente estaba todo bien. pero cuando hicimos la integración, hubo varios problemas de CSS al aplicar todos los scripts de CSS a todas las páginas frontales, aunque las hemos llamado en la hoja, la mayoría de los asentimientos. (Ej. Mi amigo ha agregado sus propias secuencias de comandos CSS (páginas) aquí al final de las páginas de secuencias de comandos de Java y he agregado mis páginas de CSS en mis páginas de secuencias de comandos de Java, aunque ambas páginas no están conectadas, las páginas de CSS aplicadas están afectando a todo el proyecto, incluso para las páginas principales también)
Es difícil volver a hacer el proyecto llamando a los nombres de las clases uno por uno nuevamente.
¿Puede haber un método fácil para ignorar este afecto de CSS?
Si está trabajando en el componente A, puede agregarle un nombre de className o una id . en base a eso puedes separar el css.
const A = (props) => { return ( <div className="A"> <h1>Hi {props.name}!</h1> <div>Welcome to React</div> </div> ); };Si desea usar css solo para el componente A, puede agregar como
.A div { color: #bbb; }Incluso los nombres de sus clases son los mismos en toda la aplicación. Esto afectará solo a su componente.
Hasta que exista el mismo nombre principal (nombre del componente), no afectará a ninguna otra página.
Suponiendo que pueda establecer una clase o identificación única en ese elemento, podría usar la propiedad (soporte limitado del navegador) all y configurarla como no configurada o inicial
Algo como
<div class="ignore-css"><div>y
.ignore-css{all:unset;}