HTML-таблица показывает последний столбец, используя медиа-запросы

Есть ли способ показать только первый и последний столбец таблицы (последний из которых является дальним правым столбцом) с использованием запросов в формате CSS?HTML-таблица показывает последний столбец, используя медиа-запросы

<table> 
<tr> 
    <td>Service</td> 
    <td class="big">one</td> 
    <td class="big">two</td> 
    <td class="big">three</td> 
    <td class="big">four</td> 
    <td class="big">five</td> 
    <td class="big">six</td> 
    <td class="big">seven</td> 
</tr> 
</table>

так в приведенном выше, как я могу отобразить только первые и последние столбцы (службу и семь)

я попытался с помощью медиа запросов, чтобы скрыть тд с классом big но мне нужен способ сохранения последнего (я не могу удалить класс, потому что он сгенерирован программно)

источник

2016-01-03 charlie

Добавить код, чтобы мы знали, с чем имеем дело. – Billy

Ожидается, что вы, по крайней мере, попытаетесь закодировать это для себя. Stack Overflow не является службой записи кода. Я бы предположил, что вы проводите дополнительные исследования, либо через Google, либо путем поиска SO, сделайте попытку и. если у вас все еще есть проблемы, вернитесь ** с кодом ** и объясните, что вы пробовали, и почему это не сработало. –

ok, проверить мое обновление в секундах – charlie

Скрыть все td элементов по умолчанию, то в запросе СМИ показать те, которые вы хотите

например.

<style> 
td.big { 
    display: none; 
} 
@media (max-width: 600px) { 
    td.big:first-child, td.big:last-child { 
    display: table-cell; 
    } 
} 
</style>

источник

2016-01-03 11:11:00 JNF

отлично работает - спасибо! – charlie

@charlie, обратите внимание, что это [возможно, не работает во всех браузерах] (http://caniuse.com/#search=last-child), поэтому будьте осторожны. – JNF

Возможно, вы можете использовать свойство селектора nth-child, чтобы скрыть все столбцы, которые вам не нужны.

источник

2016-01-03 11:09:36 IgZiStO

HTML-таблица показывает последний столбец, используя медиа-запросы

ответ

Смежные вопросы