Для выравнивания текста: вправо; в TD почему "стиль" работает, а "класс" нет?

Question

Если я включу это в ячейку таблицы:

<td style="text-align: right; font-style: italic; color: maroon;">...

содержимое ячейки выровнено, как я ожидаю.

Если я включу следующий CSS:

.right-notice { text-align: right; font-style: italic; color: maroon; }

и эта ячейка:

<td class=".right-notice">...

содержимое ячейки не выровнено по правому краю.

Почему это? Что я не знаю?

Если я изменю CSS, чтобы заменить выравнивание текста на float, это сработает.

Спасибо.

Answer 1

У вас есть селектор класса, который соответствует right-align, но ваше имя класса .right-align

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

Пока вы занимаетесь этим, вы должны изменить имя класса, чтобы описать значение вместо представления .

Answer 2

изменить <td class=".right-notice"> на <td class="right-notice"> (не должно быть точки).

Answer 3

Да, выравнивание по правому краю независимо от того, установлен ли стиль с помощью атрибута style или имени класса. Я попробовал ваш код (с исправлением имени класса в теге), и текст выровнен по правому краю.

Если у вас есть страница, где она не работает, вам нужно искать причину где-то еще. Убедитесь, что таблица стилей действительно работает. Найдите другие параметры в таблице стилей, которые могут переопределять класс, либо потому, что они имеют более высокую специфичность, либо потому, что они имеют ту же специфичность и появляются позже в таблице стилей.