Достаточно задать параметры форматирования тега <table> и к ячейкам таблицы <td> они будут применены автоматически. Точно так же можно определить свойства тега <body>, который порождает стиль всех остальных элементов веб-страницы, например цвет шрифта, размер шрифта.
Приоритет стилей выполняется сверху вниз, от подключаемых через тег link, далее стили после тега <style>, далее стили в свойстве тега style="стили", которые имеют самые высокий приоритет. Но если в файле внешних стилей или в теге <style> указать !important, то он перебьет стили в свойстве style="".
Пример: класс button перебивается content span, чтобы было не так, надо поставить !important
.button {color: red;}
.content span {color: blue;}
<div class="content">
<p>Сколько <span>стоит</span> от того <span class="button">чтобы</span> офигеть</p>
</div>
Перебивается он по причине специфичности, которая определяется по таблице:
У класса button специфичность 0001, то есть 1. У id селектора специфичность 0100 + специфичность тега 0001 = 101, он перебивает класс. У <style> расположенного в head, такой же приоритет как у подключаемых стилей, чем ниже тем он выше.
Приоритет стилей выполняется сверху вниз, от подключаемых через тег link, далее стили после тега <style>, далее стили в свойстве тега style="стили", которые имеют самые высокий приоритет. Но если в файле внешних стилей или в теге <style> указать !important, то он перебьет стили в свойстве style="".
Пример: класс button перебивается content span, чтобы было не так, надо поставить !important
.button {color: red;}
.content span {color: blue;}
<div class="content">
<p>Сколько <span>стоит</span> от того <span class="button">чтобы</span> офигеть</p>
</div>
Перебивается он по причине специфичности, которая определяется по таблице:
| tag style="" | #ID | .class | Tag |
У класса button специфичность 0001, то есть 1. У id селектора специфичность 0100 + специфичность тега 0001 = 101, он перебивает класс. У <style> расположенного в head, такой же приоритет как у подключаемых стилей, чем ниже тем он выше.
