Как присвоить элементу имеющийся стиль css?

Question

[ZaurK]

Здравствуйте! Имеется список из динамически создаваемых блоков div

<div class="someclass">
    <div class = "item">1</div>
    <div class = "item">2</div>
    <div class = "item">3</div>
</div>

Необходимо первому элементу присвоить некий класс .active , чтобы получалась вот такая запись <div class = "item active">1</div>
Дело происходит при создании своего хелпера в yii2, можно ли какими-либо средствами, будь то css, или php сделать это? Не хотелось бы трогать js или jquery. Блоки формируются из php-кода в цикле.

Answer 1

[Егор Живагин]

Ну, это же две строчки на jQuery, не усложняй, тем более если она уже подключена к проекту)

Comments

[ZaurK]

Спасибо, так и сделал, все же лучше с jQuery) Спасибо всем за ответы.

Answer 2

[Александр Пашкевич]

$a=1;
while($a<10){
  if($a==1){
    echo '<div class = "item active">'.$a.'</div>';
  } else {
    echo '<div class = "item">'.$a.'</div>';
  }
}

А разве так нельзя?

Comments

[ZaurK]

Спасибо, Александр, но моя вина - я своим упрощением кода ввел в заблуждение. У меня там, где я поставил цифры 1,2 и 3 на самом деле url рисунков из базы подставляются, поэтому попробую по вашей схеме, но чуть переделав. Или же все-таки через jquery стиль присвою.

[Froggyweb]

можно сделать стиль в сSS, можно присвоить через js, причем здесь отдача сервера? может завтра надо будет сделать стиль current и что менять логику выдачи сервера?

[Макс]

так точно нельзя) это ж бесконечный цикл) И зачем 2 HTML вставки, когда можно просто классом оперировать?

for ($i=0; $i<10; $i++) {
    echo '<div class="item' . ($i == 0 ? " active" . "") . '">' . $a . '</div>';
}

[profesor08]

.someclass .item:first-child {
  padding-left: 10px;
}

[ZaurK]

Спасибо за комменты, но вопрос не в том, чтобы написать класс первому элементу, а при выводе элементов из базы через foreach назначить первому некий имеющийся класс .activ. Количество элементов меняется динамически, их может быть и 3 и 5 и 15