Почему это не работает для меня? [элемент] [класс] {стиль}

0

Я пытаюсь иметь нормальный класс для таблиц, например

table {style here}

Но для некоторых таблиц мне хотелось бы иметь другой стиль

Я мог бы просто дать таблице класс, а затем использовать только этот класс, например

.specialTable {special style}

Но я хотел бы попытаться указать, что это применимо только к таблицам, например

.specialTable table {special style}

Однако это не работает, что неправильно?

  • 1
    Вы бы использовали table.specialTable .
  • 0
    .specialTable table средства <table> s , которые являются потомками .specialTable элементов. Вы хотели использовать table.specialTable{} ?
Показать ещё 1 комментарий
Теги:

4 ответа

0
Лучший ответ
.specialTable table {special style}

Вышеприведенный код повлияет на любую таблицу с предком (предыдущий элемент) с классом specialTable. Это будет, например, соответствовать таблице в

<body class="specialTable">
  ...
  <table>
  ...

То, что вы хотите, это таблица с классом specialTable в этом случае синтаксис

table.specialTable {special style}
3

.specialTable table указывает элемент table внутри элемента с классом specialTable.

Вы хотите table.specialTable, что означает любую table с классом specialTable.

0

.specialTable table таблицы, которые являются потомками элементов с классом .specialTable.

Вам нужен table.specialTable, который выбирает таблицы с классом specialTable.

0

Это помогло бы, если бы вы показали свой HTML, но я думаю, что вижу, к чему вы клоните.

<table class="specialTable"> не то, что указывает ваш CSS. Вместо этого он указывает что-то вроде

<div class="specialTable"><table>...</table></div>

Вместо этого в своем CSS вы можете сделать

table.specialTable { ... }

Ещё вопросы

Сообщество Overcoder
Наверх
Меню