Ориентация на определенный класс внутри таблицы с идентификатором с помощью CSS — Изменение фона ROW

У меня есть таблица, которая выглядит так:

<table class="table table-striped table-hover table-responsive" id="commenttable">
<thead>
<th>Status</th>
<th>Subject</th>
<th>Message</th>
<th>Tech</th>
<th>Emailed?</th>
<th>Date/Time</th>
</thead>
<tbody>
<?php
foreach($commresult as $row)
{
if($row['commentPrivate'] == 'yes'){
echo "<tr class='private'>";
}
else{
echo "<tr>";
}
echo "<td>" . ucwords($row['commentType']) . "</td>";
echo "<td>" . ucwords($row['commentSubject']) . "</a></td>";
echo "<td>" . $row['commentMessage'] . "</td>";
echo "<td>" .  ucwords($row['commentBy']) . "</td>";
echo "<td>" .  ucwords($row['commentEmailComm']) . "</td>";
echo "<td>" . $row['commentDate'] . "</td>";
echo "</tr>";
}
?>
</tbody>

То, что я пытаюсь сделать, это if $row['commentPrivate'] == 'yes' Я хочу изменить цвет фона только этой строки на красный.

Я пытался просто использовать <tr bgcolor="#ff7f7f"> который не работал. Так что теперь я просто пытаюсь добавить класс ‘private’ в строку и нацелить его, используя CSS, что я думаю, что я с треском провалился.

Вот CSS:

.private {
background-color: #ff7f7f;
}

Я также попробовал:

#commenttable tbody .private {
background-color: #ff7f7f;
}

Любая помощь приветствуется.

3

Решение

.table-striped класс добавляет зебра-полоски к столу. Таким образом, чтобы переопределить то же самое, вы можете поставить !important в вашем CSS вот так:

.private {
background-color: #ff7f7f !important;
}

Вот демонстрация

.table .table-striped более конкретно, чем .private, Отсюда и правила .table-striped преобладает.

введите описание изображения здесь

Итак, вы можете использовать !important переопределить то же самое.
!important Значение, добавленное в свойство CSS, является автоматическим выигрышем. Он переопределяет даже встроенные стили из разметки. Единственный способ, которым значение! Important может быть переопределено, — это другое правило! Important, объявленное позже в CSS, и с равным или большим значением специфичности в противном случае.

2

Другие решения

#commenttable .private {
background-color: #ff7f7f !important;
}
3

По вопросам рекламы [email protected]