2015-02-18 2 views
-2

После миграции существующей системы управления контентом у меня есть некоторые проблемы с существующими классами - иногда Richtext редактор создал следующий HTML-код:перезапись встроенный CSS Tag

<span style="font-weight: bold; "><a href=""....> 

Теперь ссылка не жирный, но Я не знаю, можно ли перезаписать любое правило в CSS при наличии пользовательского встроенного свойства Style.

Есть ли шанс (без изменения HTML кода), чтобы ссылка была выделена жирным шрифтом?

Заранее благодарим за любую помощь.

Спасибо за первые комментарии, но, конечно, я хочу добавить «жирный» тег только при наличии этого «специального» встроенного свойства. Поэтому я не хочу переписывать все классы жирным шрифтом.

Когда у меня есть

<span><a style="font-weight: bold;">....</a> 

Everthing прекрасно, Ссылка полужирный

Но когда у меня есть

<span style="font-weight: bold;"><a href="">....</a> 

ссылка не жирная (но он должен быть выделена жирным шрифтом).

Это маленький глупый код из Richtext Editor.

+0

Попробуйте использовать вес шрифта может быть, и важно, что-то вроде шрифта вес: 800 важно;! – Nick

+0

Вы можете добавить 'a {font-weight: inherit! Important; } 'на ваш CSS, хотя это применимо ко всем тэгам' a'. – somethinghere

+0

Или установите вес шрифта с! Недвижимым имуществом – xDan

ответ

6

Оригинал:

Использование !important:

span { 
 
    font-weight: normal !important; 
 
}
<span style="font-weight: bold; "> 
 
    <a href=""....> 
 
    link 
 
    </a> 
 
</span>


Edit:

Это означает, что в вашем CSS, есть где:

span { 
    font-weight: normal !important; 
} 

Вы должны переписать его, выбрав span с более специфичность чем декларации в текущем CSS, например:

/* somewhere in the css you can't modify */ 
 
span { 
 
\t font-weight: normal !important; 
 
} 
 

 

 
/* the css you add */ 
 
.container span { 
 
\t font-weight: bold !important; 
 
}
<div class="container"> 
 
\t <span style="font-weight: bold; "> 
 
\t \t <a href=""....> 
 
\t \t \t link 
 
\t \t </a> 
 
\t </span> 
 
</div>

потому, что классы, ids, атрибуты и т. Д. Все h ave оценка, которая добавляет, чтобы увидеть, какая декларация будет использоваться.

Начать с 0, добавить 1000 для атрибута стиля, добавить 100 для каждого идентификатора, добавить 10 для каждого атрибута, класса или псевдокласса, добавить 1 для каждого имени элемента или псевдоэлемента.

- smashingmagazine.com

А вот шпаргалка:

+0

Спасибо, но это не моя проблема. – derdida

+0

@derdida Добавил более подробную информацию, чтобы ответить на ваш вопрос. :) – tleb

+0

Я уже нашел решение. Я все еще знаю, как обращаться с CSS-классами, но на этот раз это было немного странно (потому что Firebug не показывал никаких классов, которые перезаписывают какое-либо правило) -> проверено без какого-либо правила, и выяснил, что он работает, как ожидалось. Затем выяснилось, что класс из другого модуля, который был включен, перезаписывает этот эффект с помощью селектора «*». Проблема решена, спасибо, что направил меня в правильном направлении. Иногда бывает трудно, если вы работаете более часа за простую проблему, а затем обнаруживаете ее просто простую ошибку дисплея. – derdida

Смежные вопросы