Как изменить атрибут html элемента через css селектор?

Question

[Константин]

Имеется вот такой код:
<th width="30" title="Status">

Хочу поменять ширину "width" через css селектор.
Делаю так:

th[title="Status"] {
    width: 20px;
}

Вот так меняется, но в dom html остаётся width="30".
Больше никак не изменить через css?

Comments

[godsplan]

через css изменить значение аттрибута в html невозможно, ты можешь только поверх накинуть стили, которые возможно перекроют ширину

[Алексей Уколов]

Может помочь: width: 20px !important;
Но я даже на CodePen не могу повторить ваш пример так, чтобы столбец брал ширину из атрибута, так что говорю вслепую.

[Danny Arty]

Вот так меняется, но в dom html остаётся width="30".

Ну дык там так и будет отображаться 30, если в HTML-разметке 30.
CSS - это язык описания внешнего вида документа, изменять с его помощью ЗНАЧЕНИЯ в HTML вы не сможете.
Тем более не понятно какую цель вы преследуете? Сделать ширину 20 вместо 30? Ну дык задайте в CSS и все, какая разница что в разметке будет 30, да хоть 1000, если в CSS вы укажите условно 20px !important?

[Константин]

Danny Arty,

Тем более не понятно какую цель вы преследуете?

В Mikrotik роутере в веб версии есть таблицы, колонки, которые постоянно меняют свои размеры в неудобные для меня, даже после того как я мышкой изменю до нужной ширины.

В Firefox через расширение Stylus я прописываю свои правила для нужного хоста/url.
Но после того как я прописал вышенаписанное мной правило, колонка перестала менять ширину мышкой. Она зафиксировалась в неизменяемую ширину.

Т.е. если вдруг мне всё таки понадобится изменить ширину этой колонки (а это приходится иногда делать), то я не смогу изменить её.

[Михаил Лялин]

Константин, "В Mikrotik роутере в веб версии есть таблицы" - так и напишите им в суппорт, что вас не устраивает

[Vindicar]

Константин, Greasemonkey или иной user js в помощь.

[Константин]

Всем спасибо за помощь.

Answer 1

[Mikhail Osher]

HTML аттрибуты нельзя менять через CSS. Только через JS.