CSS: каскад только один уровень - PullRequest
2 голосов
/ 26 февраля 2009

Скажем, у меня есть

Ответы [ 2 ]

17 голосов
/ 26 февраля 2009

Попробуйте это:

table.x > tr > td { ... }

> является непосредственным дочерним селектором.

8 голосов
/ 26 февраля 2009

Один из вариантов - переопределить каскадный эффект, установив второй уровень на то, что вы хотите, что позволит вам отменить эффекты на верхнем уровне.

Примерно так:

table.x tr td { ...}

table.x tr td table tr td { ... }

Первое утверждение будет применяться ко всем тд в таблице .x, но затем второе будет переопределять это для внутренних уровней вложенности (и всего, что ниже них). Поскольку он идет после первого оператора, он будет переопределять все, что установлено в приведенных выше инструкциях.

Это также будет работать в IE, потому что он использует более базовую конструкцию предков / потомков, а не потомков, которые не так хорошо поддерживаются.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...