Примените Стиль CSS к дочерним элементам

Оказывается, это не может быть сделано, как я хотел, но с помощью косвенного шага:

В свойствах проекта-> Свойства конфигурации -> C / C ++ -> Препроцессор, я могу просто определить переменную препроцессора для каждой конфигурации и затем используйте эту переменную препроцессора, как я хотел.

214
задан YakovL 29 March 2018 в 07:32
поделиться

4 ответа

Этот код" div.test th, td, caption {padding:40px 100px 40px 50px;}" применяет правило ко всему th элементы, которые содержатся div элемент с классом, названным test, в дополнение к [1 116] весь td элементы и весь caption элементы.

Это не то же как "весь td, th и caption элементы, которые содержатся div элемент с классом [1 111]". Для выполнения этого, необходимо изменить селекторы:

' >' не полностью поддерживается некоторыми более старыми браузерами (я смотрю на Вас, Internet Explorer).

div.test th,
div.test td,
div.test caption {
    padding: 40px 100px 40px 50px;
}
294
ответ дан Ken Browning 23 November 2019 в 04:23
поделиться

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

Вы хотите

div.test th, td, caption {}

или более вероятно

div.test th, div.test td, div.test caption {}

Редактирование:

первый говорит

  div.test th, /* any <th> underneath a <div class="test"> */
  td,          /* or any <td> anywhere at all */
  caption      /* or any <caption> */

принимая во внимание, что второе говорит

  div.test th,     /* any <th> underneath a <div class="test"> */
  div.test td,     /* or any <td> underneath a <div class="test"> */
  div.test caption /* or any <caption> underneath a <div class="test">  */

В Вашем оригинале эти div.test > th, говорит any <th> which is a **direct** child of <div class="test">, что означает, что он будет соответствовать <div class="test"><th>this</th></div>, но не будет соответствовать <div class="test"><table><th>this</th></table></div>

76
ответ дан Greg 23 November 2019 в 04:23
поделиться
div.test td, div.test caption, div.test th 

работы для меня.

дочерний селектор> не работает в IE6.

4
ответ дан Traingamer 23 November 2019 в 04:23
поделиться

Насколько я знаю это:

div[class=yourclass] table {  your style here; } 

или в Вашем случае даже это:

div.yourclass table { your style here; }

(но это будет работать на элементы с yourclass, который не мог бы быть div, с будет влиять только на таблицы в yourclass. И, как Ken говорит,>, не поддерживается везде (и div[class=yourclass] также, так используйте нотацию точки для классов).

2
ответ дан tunnuz 23 November 2019 в 04:23
поделиться
Другие вопросы по тегам:

Похожие вопросы: