Наследование или приоритет?

[Bhudh]

Здравствуйте!

Пожалуйста, подскажите, что надо сделать для разрешения подобной ситуации:

    есть вот такая css, определяющая вид свойств и их значений в тексте примеров:

.property
  { color:darkgreen;	/* Цвет текста для свойств CSS */
	font-family:Arial Calibri sans-serif;		/* Рубленый шрифт */
	font-size:90%;
	quotes:" {" ": ";
  }
.value
  { color:green;		/* Цвет текста для значений свойств CSS */
	font-family:'Times New Roman' Cambria serif;  /* Засечный шрифт */
	quotes:"" ";}";
  }
.property:before, .value:before { content:open-quote; }
.property:after, .value:after { content:close-quote; }

Далее, желая, чтобы quotes' content отображался не различными стилями, а одним, дописываю:

.property:before, .value:after
  { font-family:'Courier New' Consolas monospace;
	color:limegreen;
	font-size:120%;
	font-weight:bold;
  }

И обнаруживаю, что стиль не работает!‥

Вернее, работает, но не полностью —

• прежде не определённое свойство font-weight применяется,
  
• определённое у обоих классов свойство color переопределяется,
  
• определённое у обоих классов свойство font-family переопределяется,
  
• однако font-size остаётся прежним!
  

Ничтоже сумняшеся добавляю к нему !important и обнаруживаю, что он не работает…

Уже сумняшеся иду на htmlbоok.ru и по этой теме ничего не обнаруживаю .

Пытаюсь разобраться с наследованием в псевдоэлементах и опять глухо.

В спецификации пишут:

Псевдоэлементы :before и :after наследуют все наследуемые свойства от элемента в дереве документа, к которому они прикреплены.

Например, следующие правила вставляют открывающие кавычки перед каждым элементом Q. Цвет кавычек будет красным, но шрифт будет таким же, как и шрифт остальной части элемента Q:

q:before {
	content: open-quote;
	color: red
  }

Недоумеваю: если наследуются все, почему же переопределились color и font-family?

Создаю эту тему.

Спасибо заранее за ответы.

P.S. Только не надо советовать сделать для курлибрэкитов отдельный класс: хочется решить именно эту задачу.

[psywalker]

Сделай тестовую страницу с примером.

[SelenIT]

А в перечислениях шрифтов разве запятые не нужны?

[psywalker]

А в перечислениях шрифтов разве запятые не нужны?

Тоже хотел сказать, но всё таки тестовая страница будет в тему.

[sigma77]

однако font-size остаётся прежним!

С приведенным css, даже с учетом ошибок размер шрифта у меня меняется.

Поэтому да, конкретный пример не помешал бы

[Bhudh]

Вот пример.

Про запятые — видимо спутал со значениями свойств типа margin .

В этом примере всё равно не критично: браузер берёт первое значение до пробела.

sigma77, а что за браузер? У меня новейшая Опера и не очень FF первый curlybracket не увеличивают. Со вторым (то бишь с :after), как выяснилось, всё нормально, что ещё больше запутывает вопрос .

Да, извиняюсь за utf-8. Забыл, что Народ его до сих пор корёжит… Перезалил в win-1251.

Edited November 14, 2010 by Bhudh

[sigma77]

sigma77, а что за браузер? У меня новейшая Опера и не очень FF первый curlybracket не увеличивают. Со вторым (то бишь с :after), как выяснилось, всё нормально, что ещё больше запутывает вопрос .

Opera 10.63 сборка 3516

Firefox 3.6.12

В других не проверяла, но не думаю, что должны быть проблемы (кроме ИЕ7, который :before и :after не понимает в принципе).

Вот ваш же css, но значение font-size: 300% http://polygon2009.freehostia.com/before.html

[psywalker]

Ну вобщет всё верно вроде как. Стили переопределились, а что не так?

[Bhudh]

Странно, Опера у меня та же самая…

Специально вписал { с нужным стилем перед проблемной — так она явно визуально больше:

<span class="selector">h3</span><span class="pseudo">after</span><span style="font-family:'Courier New', Consolas, monospace;color:limegreen;font-size:120%;font-weight:bold;">{</span><span class="property">content</span><span class="value value2">"Глава "</span>

Edited November 14, 2010 by Bhudh

[Bhudh]

Вот ваш же css, но значение font-size: 300% http://polygon2009.freehostia.com/before.html

Ну так то же самое: первая скобка меньше. Вы их просто рядом прорисуйте.

Напишите после текста что нибудь вроде

<p class="property" style="margin:-N₁em 0px 0px N₂em"> </p>

     , поиграйте со значениями N₁ и N₂, чтобы впритык встали… Браузеры-то одинаковые…

[SelenIT]

Может, проблема в том, что у первой скобки 300% берутся от 90% (кот. для property), а у второй и добавочной — от дефолтных 100% основного текста?

[Bhudh]

_Хм…

Видимо, Вы правы. Псевдокласс наследует значение у класса (можно вообще так говорить?) и вычисляет своё от унаследованного.

В таком случае придётся принудительно уравнивать значения, то есть писать для .property:before не 120%, а 133.33%…

Спасибо большое всем, кто помогал!

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

[psywalker]

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

Мы простим тебя, если через месяц ты придёшь на форум с богатым багажом знаний

[Bhudh]

Дык, багаж-то есть… В папочке лежит.

А вот опыта маловато.

<offtop>

   HTML5 имеет смысл плотно учить или в ближайшие 2‒3 года он не понадобится? (Учитывая, что сохранилась куча сайтов в win-125x и HTML 3.2 с мохнато-бородатых времён.)

<offtop>

[psywalker]

Дык, багаж-то есть… В папочке лежит.

А вот опыта маловато.

Больше практикуйся и читай боец.

<offtop>

   HTML5 имеет смысл плотно учить или в ближайшие 2‒3 года он не понадобится? (Учитывая, что сохранилась куча сайтов в win-125x и HTML 3.2 с мохнато-бородатых времён.)

<offtop>

Учить стоит.

[SelenIT]

Как вариант — обернуть "проперти" и "вэлью" в общий контейнер и задавать бифор/афтер для него, единство размера будет гарантировано. Хотя для структуры dt/dd так не извернешься...

[Bhudh]

Больше практикуйся и читай боец.

Э-э-э… Чего читать, простите?

____________________________________________________________________

Как вариант — обернуть "проперти" и "вэлью" в общий контейнер и задавать бифор/афтер для него, единство размера будет гарантировано. Хотя для структуры dt/dd так не извернешься...

Через Жостово получается, но тоже вариант. Спасибо.

А при чём тут dt/dd? Там же через span всё…

[psywalker]

Э-э-э… Чего читать, простите?

Всё подряд и по теме.