2016-05-27 6 views
0

Рассмотрим это:я могу написать свою собственную функцию псевдо в CSS

.voffset1 { margin-top: 1px; } 
.voffset2 { margin-top: 2px; } 
.voffset3 { margin-top: 3px; } 
...... 
.voffset100 { margin-top: 100px; } 

Можно ли превратить это в функцию в CSS или CSS3
, поэтому я не придется вручную иметь 100 классов CSS, но
просто имеет 1 css 'function' для этого?

, как показано ниже:

.voffset:(n) {margin-top : (n)px;} 

если нет, то мы можем сделать лучше, чем писать 100 строк?

Я предпочитаю не использовать scss или любые варианты.

+5

SCSS - это текущее колесо для таких ситуаций. Если вы так склонны к пересмотру процесса изобретения, удачи. – circusdei

+0

Если вы предпочитаете не писать их все, вы можете использовать скрипт bash/python для генерации правил. – circusdei

+0

Я не вижу, как много классов могло бы быть полезным – DaniP

ответ

2

Несомненно.

<div style="margin-top:1px"> 

Когда ваш CSS настолько явно избыточен, просто используйте встроенные стили.

Или переработайте свой код, чтобы на самом деле правильно использовать классы.

+0

В прошлый раз, когда я проверил, встроенный css не предлагается в bootstrap или вообще. – taesu

+0

@taesu Как говорится, «не каждое предложение, написанное на заборе, навсегда». –