CSS: скрыть таблицу без класса или идентификатора

Question

Есть ли способ скрыть конкретную таблицу, у которой нет класса, с помощью выбора стиля таблицы?

Например, если у меня есть таблица с таким именем

<table border="0" cellspacing="0" cellpadding="0" width="300" height="100">

или

<td colspan="3">

У меня нет доступа к html и я не могу использовать javascript, должно быть решение css.

Answer 1

У всех других таблиц есть классы? Если да, вы можете скрыть ВСЕ таблицы и отображать только таблицы с классами:

table { dispaly: none; }
table.someClass1,
table.someClass2 { display: table; }

Имейте в виду, это скроет ВСЕ таблицы и отобразит ТОЛЬКО те, которые вы указали в пункте с помощью "display: table".

Answer 2

Если вы готовы пожертвовать совместимостью с IE 6, вы можете сделать это на основе атрибутов с помощью селектора атрибутов .Например:

td[colspan="2"] {color: red}
table[border="0"][cellspacing="0"][cellpadding="0"][width="300"][height="100"] {text-align: center}

В противном случае вы можете попытаться выбрать таблицу на основе контекста (например, div.container div.innercontainer table).

Answer 3

Вы можете применять правила, используя attrbutes. В сочетании с контекстными селекторами это может решить вашу проблему:

div#page-foo div.bar td[colspan=3] {
  display: none;
}

Answer 4

Вы можете использовать контекстный селектор, чтобы точно указать, какой <table> вы хотите скрыть в соответствии с его родительскими элементами (если он достаточно уникален в разметке от других <table> s):

у вас есть:

<div><p><table border="0" cellspacing="0" cellpadding="0" width="300" height="100"></table></p></div>

Затем вы можете сделать:

div p table {
    display: none;
}

Совместимо с большинством современных браузеров (включая IE6).