#html #css
#HTML #css
Вопрос:
У меня есть таблица в HTML, подобная этой:
<tr class="highlight-row">
<td>Data</td>
<td>more data</td>
</tr>
У меня есть следующий CSS:
.highlight-row {
background-color: blue;
}
Однако, когда я запускаю приложение, оно не выделяет соответствующую строку. Если я использую инструменты разработчика для принудительного ввода стиля, например:
<tr class="highlight-row" style="background-color: blue;">
<td>Data</td>
<td>more data</td>
</tr>
Это работает нормально. Я проверил в JSFiddle, и это работает в новом проекте. Я также проверил dev toos, и, похоже background-color , это не computed property так.
Мой вопрос не в том, «почему это не работает» — у меня такое чувство, что ответ заключается в том, что по какой-то причине он просто не может получить доступ или просмотреть класс, а в том, «что еще я могу сделать для его отладки».
Комментарии:
1. вы уверены, что нет чего-то перекрывающегося, например, правила css?
2. вероятно, это проблема специфики — если вы посмотрите в инструментах разработки на класс, можете ли вы увидеть, что переопределяет стиль? Вам просто нужно убедиться, что ваше объявление css более конкретно
3. @SimoneRossaini Это очень вероятно. Мой вопрос был в том, как я могу это определить.
4. @Pete как бы мне сделать объявление CSS более конкретным? Я думал, что если вы укажете класс для элемента, это будет то же самое, что и прямое задание стиля