Блог

Я разрабатываю приложение react со своей группой в качестве новичка. Раньше все было в порядке. но когда мы оценили, что было несколько проблем с CSS, это произошло из-за применения всех CSS-скриптов ко всем страницам интерфейса, даже несмотря на то, что мы вызывали их в большинстве кивков. (Напр. Моя подруга добавила свои собственные CSS-скрипты(страницы) в этом конце на страницы java-скриптов, а я добавил свои CSS-страницы на свои страницы java-скриптов, хотя обе эти страницы не связаны, применяемые CSS-страницы влияют на весь проект, даже для родительских страниц также)

Трудно снова создать проект, снова вызывая имена классов по одному.

Может быть, есть простой способ игнорировать эту привязанность к CSS?

Если вы работаете в компоненте A, вы можете добавить className в него или id . на основе этого вы можете разделить css.

 const A = (props) => {
  return (
    <div className="A">
      <h1>Hi {props.name}!</h1>
      <div>Welcome to React</div>
    </div>
  );
};
 

Если вы хотите использовать css только для компонента A, вы можете добавить как

 .A div {
  color: #bbb;
}
 

Даже имена ваших классов одинаковы в приложении, это повлияет только на ваш компонент.

Пока не будет существовать одно и то же родительское имя (имя компонента), это не повлияет ни на какие другие страницы.

Предполагая, что вы можете установить уникальный класс или идентификатор для этого элемента, вы можете использовать свойство (ограниченная поддержка браузера) all и установить его в значение unset или initial

Что-то вроде

 <div class="ignore-css"><div>
 

и

 .ignore-css{all:unset;}