можно ли убрась всё это в css?

446
28 ноября 2016, 18:32

<p class="buttond" style="text-align:center;"><a id="download" download="img.jpg" target="_self" style="cursor: pointer; font-size:19px;  text-decoration: none; padding:10px 20px; color:#ffffff; background-color:#0095ff; border-radius:5px; border: 0px solid #0095ff;">download</a> 
</p>

есть много таких кнопок, как убрать этот ужас в css?

Answer 1

Если вопрос о том, как сделать это массово, то в гугле есть ссылки на ресурсы, которые могут в этом помочь (например, вот такой https://www.cssout.com/).

Также следует учесть, что inline-стили имеют приоритет над стилями в css-файле. Потому какие-то стили могут перестать работать после удаления их из разметки, так как потеряют важность, и может возникнуть необходимость давать таким стилям !important.

Кроме всего прочего, эти стили могут генерироваться на стороне (например, js-скрипты), а потому надо подходить к вопросу осмысленно.

Answer 2

Как-то так!

.buttond { 
  text-align:center;   
} 
 
#download { 
  cursor: pointer;  
  font-size:19px;  
  text-decoration: none;  
  padding:10px 20px;  
  color:#ffffff;  
  background-color:#0095ff;  
  border-radius:5px;  
  border: 0px solid #0095ff; 
}
<p class="buttond"><a id="download" download="img.jpg" target="_self">download</a> 
</p>

READ ALSO
Одинаковые отступы со всех сторон. Flexbox layout

Одинаковые отступы со всех сторон. Flexbox layout

Есть гибкий блок с тремя вложенными блоками

488
include внешнего файла html в html

include внешнего файла html в html

Добрый день! Можно ли как то подключить внешнюю страницу html? Нашёл такое решение, но оно не работает

460
Как отключать readonly при клике на ссылку?

Как отключать readonly при клике на ссылку?

ЗдравствуйтеЕсть форма:

394