HTML-таблица: ширина Набора для второго столбца вперед с помощью CSS

Question

HTML-таблица: ширина Набора для второго столбца вперед с помощью CSS

Единственный чувствительный ответ PTU от Intel. Конечно, ее лучшее, чтобы использовать его на процессоре Intel и получить еще более ценные результаты, по крайней мере, на машине C2D как сама архитектура легче отдать значимые профили.

11

html

задан KalEl 12 November 2009 в 06:43

2 ответа


         
            
         
            
               
                  
                      Используя CSS2.1, я не знаю ни одного возможного селектора для этого. 

 Однако CSS3 имеет селектор not (), поэтому, если вы дадите своему первому столбцу класс , вы можете использовать селектор  td: not (.your_class) 
                  
                  
                     
                     2

                  
                  
                  
                     ответ дан                      3 December 2019 в 04:33 
                  
                  поделиться
               
                              
                  
                     
      
                                         
                  
               
            
         
         
               
          Другие вопросы по тегам:          
         html       
        Похожие вопросы:

        
          
                          55 
 Почему бы не использовать таблицы для разметки в HTML? [закрыто] - 6 November 2018 00:07 
                            36 
 Скрытые функции HTML - 23 May 2017 12:18 
                            36 
 Как сделать div не больше его содержимого? - 20 September 2015 12:27 
                            31 
 Как фильтровать данные массива в Javascript в Client [duplicate]  - 17 June 2015 03:09 
                            30 
 Возможно ли заменить тег дочерних элементов в родительском теге?  [Дубликат]  - 26 May 2012 21:37 
                            30 
 Как центрировать эту галерею изображений в лайтбоксе?  [Дубликат]  - 6 July 2018 20:42 
                            30 
 Uncaught SyntaxError: Неожиданный идентификатор в консоли javascript [дубликат]  - 9 February 2016 07:59

score 16 · Accepted Answer

В таблицах HTML на самом деле нет «столбцов» - в строках есть только первые ячейки, по крайней мере, пока что касается разметки. Однако вы можете сделать что-то подобное с помощью селекторов CSS:

Учитывая следующую разметку:

<table>
  <tr><td>foo</td><td>bar</td><td>bar 2</td></tr>
  <tr><td>foo</td><td>bar</td><td>bar 2</td></tr>
  <tr><td>foo</td><td>bar</td><td>bar 2</td></tr>
  <tr><td>foo</td><td>bar</td><td>bar 2</td></tr>
</table>

CSS:

table tr td             { width: 20em; }
table tr td:first-child { width: 10em; }

Это установит ширину первого «столбца» равной 10em, а всех остальных столбцов - 20em.

Вы можете рассмотреть возможность поддержки браузером для : first-child . Альтернативой является добавление класса к первому в каждом