Я хотел бы использовать переключатель для размещения тегов абзаца на веб-странице.
Я использую псевдоэлемент после:
p:after {content: url("../img/paragraph.gif");}
Теперь мне нужно удалить этот код CSS со страницы.
Как это можно сделать легко?
Я хочу добавить, что:
JQuery уже используется на странице
и я не хочу включать или удалять файлы, содержащие CSS.
javascript
html
css
pseudo-element
Thariama
источник
источник
Ответы:
none является официальным значением для установки содержимого, если оно указано, в значение ничего.
http://www.w3schools.com/cssref/pr_gen_content.asp
источник
display: none
?Вам нужно добавить правило CSS, которое удаляет содержимое после ( через класс ).
Обновление из - за некоторые действительные комментарии.
Более правильным способом полного удаления / отключения
:after
правила является использованиекак Джиллиан Ло Вонг ответил .
Оригинальный ответ
Вам нужно добавить правило CSS, которое удаляет содержимое после ( через класс ).
и добавить этот класс к вашему,p
когда вы хотите с этой строкойрабочий пример по адресу: http://www.jsfiddle.net/G2czw/
источник
источник
Как упоминалось в ответе Джиллиан , назначение
none
дляcontent
решения проблемы:Обратите внимание , что в CSS3 , W3C , рекомендуется использовать два двоеточия (
::
) для псевдо-элементов , таких как::before
или::after
.Из веб-документа MDN о псевдоэлементах :
источник
Это зависит от того, что на самом деле добавляется псевдоселектором. В вашей ситуации настройка контента на
""
избавит от него, но если вы устанавливаете границы, фоны или что-то еще, вам нужно специально обнулять их. Насколько я знаю, нет единого лекарства от удаления всего, что касается элемента до / после, независимо от того, что это такое.источник
была такая же проблема несколько минут назад и просто
content:none;
не делал работу, но добавлениеcontent:none !important;
иdisplay:none !important;
работал для меняисточник
Это способ удалить,
:after
и вы можете сделать то же самое для:before
источник