Jump to content
  • 0

Совпадение стилей CSS


Sanktym
 Share

Question

Мне надо добавить кусок css кода в уже имеющийся код, но при добавлении в конечном результате "новый" кусок кода изменяет стили уже имеющегося из за того что некоторые названия стилей совпадают, как можно это исправить?

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Если стили одинаковые по приоритету (специфичности), то порядок размещения поможет.

То есть, если имеем следующее

<p class="alarm clock">Lorem</p>

то в зависимости от порядка появления правил в таблице стилей

.alarm {
  color: #f00000;
}

.clock {
  font-weight: 600;
  color: #00c000;
}

текст будет либо жирного начертания и зеленый, либо жирного начертания и красный, если первое правило переместить в конец.

Link to comment
Share on other sites

  • 0
12 часа назад, Sanktym сказал:

Мне надо добавить кусок css кода в уже имеющийся код, но при добавлении в конечном результате "новый" кусок кода изменяет стили уже имеющегося из за того что некоторые названия стилей совпадают, как можно это исправить?

по-моему просто удалить перед вставкой те стили, которые уже описаны либо просто, как посоветовал Igor Schnaider, вставить новый кусок в начала имеющегося css кода

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy