Одинаковые значения для раззных class'ов

@galaid · Регистрация: 20.09.2011

Author24 — интернет-сервис помощи студентам

Здратвуйте. Возникла следующая ситуация. В CSS-файле накопилось довольно много значений class, у которых некоторые свойства одинаковы. Например:

CSS

.menu
{background-color:#eee;}
.down
{background-color:#eee;}

В данном случае у двух class'ов общий фон. Можно ли как-то упростить CSS-файл и сделать так, чтобы некотоыре свойства были одинаковы для всех или некоторых class'ов.

Также вопрос в догонку. Часто сталкиваюсь с такой проблемой, что постоянно приходится указывать значения отступов (margin:0px). Можно ли сделать так, чтобы это значение было общим для всего (body, ul, table и т.д.).

Vovan-VE · 03.03.2012, 19:44

Сообщение от galaid

Можно ли как-то упростить CSS-файл и сделать так, чтобы некотоыре свойства были одинаковы для всех или некоторых class'ов.

Ленивый способ:

CSS

1	.menu, .down, то, сё, пятое, десятое {background-color:#eee;}

А в идеале надо избавляться от лишних классов.

Сообщение от galaid

приходится указывать значения отступов (margin:0px). Можно ли сделать так, чтобы это значение было общим для всего (body, ul, table и т.д.).

reset.css Лучшая "зачистка" default стилей

@galaid · 03.03.2012, 21:30 **[ТС]**

Сообщение от Vovan-VE

А в идеале надо избавляться от лишних классов.

В каком смысле избавляться? Лишних-то нет...

Добавлено через 2 минуты
И ещё... Я так понимаю, что

CSS

1	html{margin:0;padding:0;border:0;}

удаляет оступы, границы у всего (body, table, ul, li и т.д.)?

@conformist · 03.03.2012, 21:36

по ссылке вроде ясно написано

CSS

html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
table,td,th{vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}
:focus{outline:0;}

@allukard · 03.03.2012, 21:59

Вот можно почитать!
Селектор сестринского элемента

@galaid · 10.03.2012, 21:12 **[ТС]**

Нашел вот такой способ:

CSS

*
{margin:0px;
padding:0px;
border:0px;}

На мой взгляд он лучше описанного выше. Или я ошибаюсь?

@allukard 307 / 218 / 70 Регистрация: 08.11.2010 Сообщений: 1,893
	03.03.2012, 21:59	5
	Вот можно почитать! Селектор сестринского элемента 0

	10.03.2012, 21:12