Intereting Posts

Сбросить стили css только для div

Ну, у меня есть большой html-документ. И я хочу добавить контроль над этим документом, но стили css этого элемента управления перекрываются стилями большого html-документа. Как я могу сбросить все стили только для div (и всех вложенных div)?

С сбросом Yahoo http://yuilibrary.com/yui/docs/cssreset/

Существует «контекстная» версия, которая только перезапускает элементы, которые делятся на .yui3-cssreset

например

Вы хотели бы добавить правило CSS в таблицу стилей, которая применяется только к элементу управления, который вы пытаетесь встроить; что-то вроде этого:

 #yourDivID { display: block; border:0; color:black; } 

Вам, вероятно, понадобится больше атрибутов, чтобы очистить любые другие стили, которые могут применяться, это всего лишь пример.

Теперь любой элемент управления, который вы размещаете внутри этого основного div, вам нужно будет создать правила, специально предназначенные для этих объектов. Например:

 #yourDivID div { display: block; border:1px solid black; } 

Одно из решений (возможно, не самое лучшее) – использовать !important после атрибута css, чтобы перезаписать стиль. Или вы используете инструмент сброса css и переписываете его только для желаемого div

Я думаю, я понимаю, что вы имеете в виду, они несколько таблиц стилей? если так положить новый под старым в HTML, например

   

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

Я должен сказать, что вы не должны делать !important если вы НЕ ДЕЙСТВИТЕЛЬНО выполняете, когда это считается взломом. То, что я сделал бы, это сделать селектор с большим количеством шагов. Если у вас есть идентификаторы, они используют их для указания ваших объектов, поскольку classы переопределения ID. Например, если вы используете первый из моих примеров, вы, вероятно, получите свои коды, перезаписанные другими classами. Но если вы попытаетесь найти более длинный путь для своего селектора, тогда вы можете получить лучший результат.

 .yourdiv {} #main .rightcol .box .yourdiv {} 

ЕСЛИ ВЫ ДЕЙСТВИТЕЛЬНО нужно, чтобы вы могли захотеть использовать !important но если вы можете попытаться этого не делать.

Надеюсь, это поможет вам немного.