Нельзя ли отключить наследование в объявлении стиля?

freeneutron · February 8, 2009

Не могу найти ответа. Здается мне, что W3C не предусмотрела отключение наследования стилей.

Vlad · February 8, 2009

Можно только переопределить стили родителя и потомка, чтобы различались. А совсем отключить нельзя.

s0rr0w · February 8, 2009

Не могу найти ответа. Здается мне, что W3C не предусмотрела отключение наследования стилей.

A > B :blink:

По молодости я тоже думал, что CSS немного нелогичен. Нет многих удобных, на первый взгляд, фич. А на самом деле нужно просто изменить свою логику.

freeneutron · February 8, 2009

A > B :blink:

Не работает. Но, зато работает так:

<!DOCTYPE html PUBLIC>
<html>
  <head>
    <title></title>
    <style>
      div {color: blue;}
      #s1 {color: red;}
      #s2 {color: green;}
    </style>
  </head>
  <body>
    <div id="s1">
      Red
      <div id="s2">
        Green
        <div id="s3">
          Blue
        </div>
      </div>
    </div>
  </body>
</html>

Селектор div, оказывается более спецефичен чем #s1 и #s2

s0rr0w · February 8, 2009

Селектор div, оказывается более спецефичен чем #s1 и #s2

OMG! :blink:

Почитайте срочно про CSS-селекторы!!!

http://stepbystep.htmlbook.ru/?id=46

Vlad · February 9, 2009

A > B работает!

У дива специфичность 1, а у #s1 - 1000, 1000 > 1 с этим все согласятся, а значит, <div> никак не может быть специфичнее <div id="s1">.

freeneutron · February 9, 2009

Зря я конечно ляпнул про специфичность, толком не разобравшись. Но все же не понятно

A > B работает!

.

Вот пример:

<!DOCTYPE html PUBLIC>
<html>
<head>
<title></title>
<style>
body {color: blue;}
#s1 {color: red;}
#s1 > #s2 {color: green;}
</style>
</head>
<body>
<div id="s1">
Red
<div id="s2">
Green
<div id="s3">
Blue
</div>
</div>
</div>
</body>
</html>

Не понятно, почему текст "Blue" наследует цвет от #s1 > #s2, не от #s1, не от body? Ведь от блокировки наследования именно это требуется...

s0rr0w · February 9, 2009

Не понятно, почему текст "Blue" наследует цвет от #s1 > #s2, не от #s1, не от body? Ведь от блокировки наследования именно это требуется...

Если вы покрасите стену дома в зеленый цвет, поверх нее нарисуете синий квадрат, а поверх синего квадрата красный круг, то какой цвет будет под красным кругом, зеленый или синий?

Color - наследуемое свойство. Это значит, что любой контент внутри контейнера будет иметь цвет текста как у контейнера. Это как светофильтр.

freeneutron · February 9, 2009

Так как селектор A > B помогает в плани блокировки наследования?

s0rr0w · February 10, 2009

Так как селектор A > B помогает в плани блокировки наследования?

В CSS нет понятия блокирования наследования.

Есть множество приемов, благодаря которым вы можете применять и переопределять стили. Вы можете управлять стеком наложения стилей.

Sign In

Нельзя ли отключить наследование в объявлении стиля?

Question

freeneutron

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

freeneutron

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

freeneutron

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

freeneutron

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information