Можете ли вы настроить таргетинг на CSS с идентификатором в ID?

Мой пример будет в HTML файле, который говорит, что у вас нет доступа к изменениям - только CSS с помощью таблицы стилей. Можете ли вы настроить идентификатор в ID так же, как и Классы?

#id1 #id2 {styles...}

похож на то, как вы это делаете с помощью CSS:

.class1 .class2 {styles...}

У меня может быть просто серьезный мозг.

Ответ 1

Да, вот так:

#one #two {
    color: purple;
}

выберет для:

<div id="one">
    <div id="two"></div>
</div>

это действительно не обязательно, потому что у вас должен быть только один идентификатор с одним именем на странице, поэтому селектор #two {} будет сам по себе.

Ответ 2

Да, вы можете это сделать; это совершенно верно. Но это также, как правило, бессмысленно, учитывая, что идентификатор должен быть уникальным на странице, поэтому просто выбрать один идентификатор всегда должно быть достаточно, чтобы выбрать именно тот элемент, который вы хотите; вам не нужен какой-либо дополнительный родительский селектор, чтобы квалифицировать его, будь то другой идентификатор или класс или что-то еще.

Я вижу один из них для использования, где у вас есть элемент с динамическим идентификатором, где он появляется на странице, которая может появляться в разных местах по какой-либо причине, и вы хотите, чтобы она выглядела по-разному в зависимости от того, где он отображается на странице.

Для этого может иметь значение селектор #id1 #id2. Но это, вероятно, довольно редкий случай использования, и даже для этого использования классы могут быть более подходящим инструментом для работы.

Ответ 3

Да. Вы можете помещать комбинаторы между любыми селекторами, которые вам нравятся.

Ответ 4

Да

#id1 #id2 {

}

Это будет нацелено на все #id2 внутри #id1

Демо: http://jsfiddle.net/DcDqa/

Ответ 5

Да

#first #second{
 color: #000080;
}

и

<div id="first">
  <p id="second">This is text and will be dark blue</p>
</div>

Ответ 6

Да, вы можете

#id1 #id2 {
    height:200;
}

а также аналогично

  .class1 #id1 {
    height:200;
  }

  .class1 input[type="radio"] {
    border: 1px solid #ccc;
  }

  h1, p{
  }