У меня есть таблица, которая выглядит так:
<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;
}
Любая помощь приветствуется.
.table-striped
класс добавляет зебра-полоски к столу. Таким образом, чтобы переопределить то же самое, вы можете поставить !important
в вашем CSS вот так:
.private {
background-color: #ff7f7f !important;
}
Вот демонстрация
.table .table-striped
более конкретно, чем .private
, Отсюда и правила .table-striped
преобладает.
Итак, вы можете использовать !important
переопределить то же самое.
!important
Значение, добавленное в свойство CSS, является автоматическим выигрышем. Он переопределяет даже встроенные стили из разметки. Единственный способ, которым значение! Important может быть переопределено, — это другое правило! Important, объявленное позже в CSS, и с равным или большим значением специфичности в противном случае.
#commenttable .private {
background-color: #ff7f7f !important;
}