Комментарии

Недавно столкнулся с проблемой, что в css для осла не работает выражение inherit (т.е. унаследование родительского значения). К примеру, в конструкции

<p style='color:red'><a href='#' style='color:inherit'></a></p>

файрфокс унаследует красный цвет от <p> и установит его для ссылки <a>. Однако, этого не произойдёт в Интернет Эксплорере. 

После некоторых поисков было найдено альтернативное решение:

<style>
    p a {
        color:expression(this.parentNode.currentStyle ?
                   this.parentNode.currentStyle.color : ‘red’);}
</style>

Совмещая оба указанных метода получаем более-менее универсальную конструкцию.

• Поделиться
• Tweet

← Вернуться к журналу «Узелки на память...»

• 

  Мартовский Заяц
  Блин )
  Красный будет выбран, если у родительского элемента не буде определен цвет this.parentNode.currentStyle.color
  Т.е. если цвет у родителя не определён - красный, определён - наследуем родительский.
  
  
• 

  Simba
  Я, наверное, совсем тупой. А для <p style='color:orange'> будет аналогичная конструкция с expression ?
  
  
• 

  Мартовский Заяц
  ссылки в параграфе подпадают под
  p a { ...
  
  
• 

  Мартовский Заяц
  ОДНА! ))))
  
  
• 

  Simba
  А таких строк сколько будет?
  "...this.parentNode.currentStyle.color : ‘red’ ... "
  
  
• 

  Мартовский Заяц
  Ессно, один! )))
  В том-то и прелесть. Цвет ссылки унаследуется от родительского элемента, который окрашивается динамически.
  
  
• 

  Simba
  Так а
  <style>
  p a {
  color:expression(this.parentNode.currentStyle ?
  this.parentNode.currentStyle.color : ‘red’);}
  </style>
  будет только один раз прописано? Оно же вроде должно так же генерироваться каждый раз, как появляется новый посетитель в чате. Или я не правильно понял?
  
  
• 

  Мартовский Заяц
  Симба, средствами выносного css не решается проблема динамического контента, как, например, сообщений в чате.
  
  
• 

  Simba
  А какая необходимость использовать style внутри тега, не пойму? Это можно все решить с помощью только CSS. Теги - объекты, его свойства - отдельно в CSS
  
  
• 

  Мартовский Заяц
  Симба, а так:
  <p style='color:red'><a href='#'></a></p>
  <p style='color:blue'><a href='#'></a></p>
  <p style='color:white'><a href='#'></a></p>
  <p style='color:green'><a href='#'></a></p>
  <p style='color:orange'><a href='#'></a></p>
  ...
  ...
  ...
  ?
  
  
• 

  krutoi
  Ты покурил что-то?)))))
  
  
• 

  Simba
  <p class="class1"><a href='#'></a></p>
  <style>
  p.class1 a {color:red}
  </style>