Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.89/9: Рейтинг темы: голосов - 9, средняя оценка - 4.89
0 / 0 / 0
Регистрация: 24.02.2017
Сообщений: 3

Как прописать стиль с более высшим приоритетом чем style=" " (но не !important)

24.02.2017, 15:31. Показов 2001. Ответов 8
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Вообщем, в сайте очень много статей, которые размещались разными менеджерами компании и каждый прописывал тегу P стили style=" ", теперь стоит задача всем прописать единый стиль, при этом не использовать !important. Понятно что ещё есть вариант почистить весь контент вручную, но это слишком долго.
Как сделать в ксс приоритет тегу P выше чем прописанные каждому тегу style=" " ?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
24.02.2017, 15:31
Ответы с готовыми решениями:

Как удалить стиль определенный между <style></style>
Привет. Есть тестовый пример : #foo{color:green;} &lt;div id=&quot;foo&quot; style=&quot;color:red&quot;&gt;hello&lt;/div&gt; Как очистить стили...

Применить important стиль через функцию .css()
Здравствуйте. Пытаюсь применить так: $('.slider .bx-wrapper:nth-child(2) .bx-viewport').css('overflow', 'hidden !important'); Но не...

Font-style: italic курсив в ie10 более наклонный чем в других браузерах
font-style: italic курсив в ie10 более наклонный чем в других браузерах(Опера,Хром, Лиса, Сафари). Как сделать чтоб был одинаковый?...

8
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
24.02.2017, 16:12
matrosovevg, никак... В данном случае приоритет будут иметь стили определённые с помощью атрибута style и перебить их можно только с помощью !important...
0
24.02.2017, 16:14

Не по теме:

если все теги P лежат в одном дереве укажите им более длинный путь в стилях, т.е. section.classname nav ul li p{style} будет выше чем li p{style}
Fedor92, вы правы, а мне текст внимательней читать надо :D

0
 Аватар для Alexodiy
6 / 6 / 2
Регистрация: 22.02.2017
Сообщений: 125
24.02.2017, 23:26
matrosovevg, а не проще снять style= , можно через какой нибудь компилятор это сделать или воспользоватся онлайн сервисом, например http://ifman.ru/html_cleaner/ , однако там убирает все вместе с классами, но я уверен, что можно найти нужный и вырезать style
0
0 / 0 / 0
Регистрация: 24.02.2017
Сообщений: 3
25.02.2017, 11:19  [ТС]
Дело в том, что мне убрать совсем эти стили не надо, они должны меняться в версии для слабовидящих. При ее включении начинают работать ксс отдельные и на те тексты где в теге не прописан style они работают.
0
738 / 543 / 416
Регистрация: 17.09.2015
Сообщений: 1,601
26.02.2017, 06:40
matrosovevg, я тут быстренько накидал консольную программку на Си,которая из текста удаляет всё что между <p и >,т.е. вместо
HTML5
1
<p style="background-color: yellow"> Lorem ipsum dolor sit amet</p>
вернет
HTML5
1
<p> Lorem ipsum dolor sit amet</p>
если умеешь с сишными консолями управляться я ее могу тут опубликовать.Если нет,то скинь мне свой проблемный html-код в обычном текстовом файле,я тебе верну уже отредактированный.
0
0 / 0 / 0
Регистрация: 24.02.2017
Сообщений: 3
04.03.2017, 12:42  [ТС]
Спасибо большое! Но я так понимаю, что это очистит мне код навсегда. А мне надо чтоб при возвращении в обычный режим всё работало как и до перехода в версию для слабовидящих
0
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
04.03.2017, 15:54
matrosovevg, у вас 100% для перехода используется JS, значит и используйте стили с !important только тогда когда они вам нужны с помощью того же JS. Если я вас правильно понял
0
24 / 24 / 12
Регистрация: 01.03.2017
Сообщений: 93
06.03.2017, 10:46
вы можете попробовать решить свою задачу с помощью js+jquery, c его помощью убираете все атрибуты у тега p и ставите свои стили или класс в нужном вам событии.
А по приоритету стилей думаю вы уже нашли информацию о том, что назначенные стили style имеют специфичность = 1000. Вы можете поменять только с помощью !important или вынести всё в таблицу стилей и задать в css в самом низу файла будет иметь приоритет.
Чем выше значение специфичности тем выше приоритет.
HTML5
1
2
3
4
5
6
7
8
9
*              {} /* a=0 b=0 c=0 -> специфичность = 0   */
li             {} /* a=0 b=0 c=1 -> специфичность = 1   */
li:first-line  {} /* a=0 b=0 c=2 -> специфичность = 2   */
ul li          {} /* a=0 b=0 c=2 -> специфичность = 2   */
ul ol+li       {} /* a=0 b=0 c=3 -> специфичность = 3   */
ul li.red      {} /* a=0 b=1 c=2 -> специфичность = 12  */
li.red.level   {} /* a=0 b=2 c=1 -> специфичность = 21  */
#t34           {} /* a=1 b=0 c=0 -> специфичность = 100 */
#content #wrap {} /* a=2 b=0 c=0 -> специфичность = 200 */
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
06.03.2017, 10:46
Помогаю со студенческими работами здесь

CSS стиль для input не применяется даже при !important
Привет всем, не могу применить стиль для инпута текстового перекрывает стиль вот этот: #client input, #funding input, #client input,...

Как прописать стиль к плагину?
wp_register_style(&quot;myslider&quot;, &quot;/wp-content/plugins/css/&quot; , &quot;jquery.myslider-1.0.css&quot; , array(), &quot;1.0&quot;); wp_enqueue_style( 'myslider'); ...

Как прописать стиль для тега <br>
Помогите новичку. Есть такой код: &lt;div class=&quot;container&quot;&gt; &lt;img src=&quot;&quot;&gt; &lt;br&gt; &lt;p&gt;text&lt;/p&gt; &lt;br&gt; &lt;p&gt;text&lt;/p&gt; &lt;img...

Как прописать стиль для абзаца
Доброго времени суток. Как прописать стиль так, чтобы содержание тега &lt;p&gt; не выходило за границы блока по вертикали. Вот пример &lt;p...

Как echo-ом правильно прописать стиль диву?
&lt;? echo ('&lt;div id = &quot;osnova&quot;; style =...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Новые блоги и статьи
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru