Как изменить ширину таблицы с помощью CSS

Question

Html

<table style='width: 150px; border: 1px solid black;'> 


<tr> 
    <td>blablabla</td> 
     <td>blablabla</td> 
    </tr> 
    <tr> 
    <td>abcd</td> 
     <td>abcd</td> 
    </tr> 
</table> 

Я хочу изменить ширину таблицы 600px. Я не мог определить селектор для изменения ширины.
Пожалуйста, помогите, я изучаю css.

Answer 1

Просто сделай, как этот

HTML

<table style='width: 150px; border: 1px solid black;'> 


<tr> 
    <td>blablabla</td> 
     <td>blablabla</td> 
    </tr> 
    <tr> 
    <td>abcd</td> 
     <td>abcd</td> 
    </tr> 
</table> 

CSS

table { 
    width:600px!important; 
    border:1px solid black; 
} 

Answer 2

Он указан в строке прямо в вашем коде.

<table style='width: 150px; border: 1px solid black;'> 

изменить это

<table style='width: 600px; border: 1px solid black;'> 

Альтернативно

Использование класса в таблице и использовать селектор в файле CSS.

<table class="tbl" style='width: 150px; border: 1px solid black;'> 

CSS

.tbl{width:600px!important} /*!important override inline css 150px*/ 

Если вы можете удалить встроенный CSS, используемые в таблице, вам не нужно использовать !important как this-

<table class='tbl'> 

CSS

.tbl{width:600px} 

Answer 3

Измените значение ширины в атрибут стиля.

<table style="width: 600px;"> 

дает таблицу шириной 600 пикселей.

Answer 4

Вы должны использовать, как это -

table [style]{width:600px !important}