Сортировка CSS свойств

Настройки · Как это работает? · Тесты

Успешно пройденные тест кейсы

Слева — исходный CSS, справа — пересортированный.

#1 
div {
	margin-top: 1px;
	top: 1px;
	background-position: 0 0;
	padding: 10px;
	position: relative;
}
 
div {
	position: relative;
	top: 1px;
	margin-top: 1px;
	padding: 10px;
	background-position: 0 0;
}
#2 
/* Стили
для
fieldset */

fieldset
{
	padding: 0;
	border: 0;
	margin: 0 0 16px;
	}
 
/* Стили
для
fieldset */

fieldset
{
	margin: 0 0 16px;
	padding: 0;
	border: 0;
	}
#3 
div {
	right: 10px !important;
	border-right-width: 1px;
	width: 100px;
}
 
div {
	right: 10px !important;
	width: 100px;
	border-right-width: 1px;
}
#4 
div {
	width: 10px;
	height: 10px;
}

	div a {
		background: url(/i/ico.gif);
	}
 
div {
	width: 10px;
	height: 10px;
}

	div a {
	background: url(/i/ico.gif);
	}
#5 
div{
	color: red;
	*color: green;
	_color: yellow;
	co\lor: black;
}
 
div{
	color: red;
	*color: green;
	_color: yellow;
	co\lor: black;
}
#6 
div {
	height: 100px;
	opacity:/* Этот комментарий будет удален */1;
	/* И этот комментарий будет удален */ text-indent:-9999px;
	font-family:'Monotype Corsiva','Comic Sans MS',cursive; /* Этот будет тоже удален */
}
 
div {
	height: 100px;
	 text-indent:-9999px;
	font-family:'Monotype Corsiva','Comic Sans MS',cursive;
	opacity:1;
}
#7 
a{
	background: red;
	background: green;
	/* position: absolute; */
	}
 
a{
	background: red;
	background: green;
	}
#8 
#footer .copyright {
	/*
	width: 177px;
	float: right;
	margin-top: 5px;
	line-height: 12px;
	font-size: 93%;
	background: red;
	*/
}
 
#footer .copyright {
}
#9 
div {display: inline-block; *display: inline;}
 
div {
	display: inline-block;
	*display: inline;
}
#10 
.test-class {margin:0}
 
.test-class {
	margin:0;
}
#11 
div {
	background: red;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/pic1.png',sizingMethod='crop');
}
 
div {
	background: red;
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/pic1.png',sizingMethod='crop');
}
#12 
/* .b-news (begin) */
.b-news
{
   top: 0;
   position: relative;
}
/* .b-news (end) */
 
/* .b-news (begin) */
.b-news
{
   position: relative;
   top: 0;
}
/* .b-news (end) */
#13 
.b-pager{font-size:130%;margin:1em 0 2em;}
.b-pager__title{font-weight:bold;padding-right:.65em;}
 
.b-pager{
	margin:1em 0 2em;
	font-size:130%;
}
.b-pager__title{
	padding-right:.65em;
	font-weight:bold;
}
#14 
/* .b-pager (begin) */
.b-pager{font-size:130%;margin:1em 0 2em;}
.b-pager__title{font-weight:bold;padding-right:.65em;}
/* .b-pager (end) */

/* .b-pager (begin) */
.b-pager{
	margin:1em 0 2em;
	font-size:130%;
}
.b-pager__title{
	padding-right:.65em;
	font-weight:bold;
}
/* .b-pager (end) */
#15 
#header {
	zoom:1;
	zoom:expression(
		runtimeStyle.zoom = 1,
		i = createElement('div'),
		i.className = 'after',
		appendChild(i)
		);
	padding-bottom:10px;
	height:100px;
	height:expression(
		runtimeStyle.height = 1,
		this.parentNode.style.offsetHeight;
		);
	}
 
#header {
	zoom:1;
	padding-bottom:10px;
	height:100px;
	zoom:expression(
		runtimeStyle.zoom = 1,
		i = createElement('div'),
		i.className = 'after',
		appendChild(i)
		);
	height:expression(
		runtimeStyle.height = 1,
		this.parentNode.style.offsetHeight;
		);
	}
#16 
/* test */
@media screen { /* Стиль для отображения в браузере */
	BODY {
		font-family: Arial, Verdana, sans-serif; /* Рубленый шрифт */
		font-size: 90%; /* Размер шрифта */
		color: #000080; /* Цвет текста */
	}

	H1 {
		background: #faf0e6; /* Цвет фона под текстом */
		border: 2px dashed #800000; /* Рамка вокруг заголовка */
		color: #a0522d; /* Цвет текста */
		padding: 7px; /* Поля вокруг текста */
	}

	H2 {
		color: #556b2f; /* Цвет текста */
		margin: 0; /* Убираем отступы */
	}

	P {
		margin-top: 0.5em; /* Отступ сверху */
	}

}

/* test */
@media print { /* Стиль для печати */

	BODY {
		font-family: Times, 'Times New Roman', serif; /* Шрифт с засечками */
	}

	H1, H2, P {
		color: #000; /* Черный цвет текста */
	}

}
/* test */
 
/* test */
@media screen { /* Стиль для отображения в браузере */
	BODY {
		color: #000080;
		font-size: 90%;
		font-family: Arial, Verdana, sans-serif;
	}	H1 {
		padding: 7px;
		border: 2px dashed #800000;
		background: #faf0e6;
		color: #a0522d;
	}	H2 {
		margin: 0;
		color: #556b2f;
	}	P {
	margin-top: 0.5em;
	}

}

/* test */
@media print { /* Стиль для печати */

	BODY {
		font-family: Times, 'Times New Roman', serif; /* Шрифт с засечками */
	}

	H1, H2, P {
		color: #000; /* Черный цвет текста */
	}

}
/* test */
#17 
aside {
	background: url(a.png) top left no-repeat,
				url(b.png) center / 100% 100% no-repeat,
				url(c.png) white;

}
 
aside {
	background: url(a.png) top left no-repeat,
				url(b.png) center / 100% 100% no-repeat,
				url(c.png) white;
}
#18 
@font-face {
	font-family: MyHelvetica;
	src: local("Helvetica Neue Bold"),
		 local("HelveticaNeue-Bold"),
		 url(MgOpenModernaBold.ttf);
	font-weight: bold;
}
/* http://www.w3.org/TR/css3-fonts/#font-resources */
 
@font-face {
	font-weight: bold;
	font-family: MyHelvetica;
	src: local("Helvetica Neue Bold"),
		 local("HelveticaNeue-Bold"),
		 url(MgOpenModernaBold.ttf);
}
/* http://www.w3.org/TR/css3-fonts/#font-resources */
#19 
div
{
	display:-moz-inline-box;
	display:inline-block;
}

a
{
	cursor:pointer;
	cursor:hand;
}
 
div
{
	display:-moz-inline-box;
	display:inline-block;
}

a
{
	cursor:pointer;
	cursor:hand;
}
#20 
/* @media print { */
*
{
    background: #fff !important;
    color: #000;
}

body
{
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4;
    word-spacing: 1.1pt;
    letter-spacing: 0.2pt;
    font-family: Georgia, Garamond, "Times New Roman", Times, serif !important;
    color: #000 !important;
    background: #fff;
    font-size: 12pt;
}

/*Headings */
h1, h2, h3, h4, h5, h6
{
    font-family: Helvetica, Arial, sans-serif;
    color: #000000 !important;
}


blockquote
{
    margin: 1.3em;
    padding: 1em;
    font-size: 10pt;
    font-style: italic;
}

/* Images */
a img
{
    border: none;
}

/* code */
code, pre
{
    color: #000
}

/* Links */
a:link, a:visited
{
    background: transparent;
    text-decoration: underline;
    color: #000 !important;
}

a[href^="http://"]
{
    color: #000;
}


/*}*/

/* @media print { */
*
{
    background: #fff !important;
    color: #000;
}

body
{
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    background: #fff;
    color: #000 !important;
    line-height: 1.4;
    word-spacing: 1.1pt;
    letter-spacing: 0.2pt;
    font-size: 12pt;
    font-family: Georgia, Garamond, "Times New Roman", Times, serif !important;
}

/*Headings */
h1, h2, h3, h4, h5, h6
{
    color: #000000 !important;
    font-family: Helvetica, Arial, sans-serif;
}


blockquote
{
    margin: 1.3em;
    padding: 1em;
    font-style: italic;
    font-size: 10pt;
}

/* Images */
a img
{
	border: none;
}

/* code */
code, pre
{
	color: #000;
}

/* Links */
a:link, a:visited
{
    background: transparent;
    color: #000 !important;
    text-decoration: underline;
}

a[href^="http://"]
{
	color: #000;
}


/*}*/
#21 
.b-chooser__body__bg
{
    padding: 1em 0 3em 0; /* comment */
}
 
.b-chooser__body__bg
{
	padding: 1em 0 3em 0;
}
#22 
.b-chooser__body__bg
{
    padding: 1em 0 3em 0;
    background: url(b-chooser__tank.png) 94% 100% no-repeat;
}
/* привет */ /* */
 
.b-chooser__body__bg
{
    padding: 1em 0 3em 0;
    background: url(b-chooser__tank.png) 94% 100% no-repeat;
}
/* привет */ /* */
#23 
div{
top:0;margin:0;}
 
div{
	top:0;
	margin:0;
}
#24 
/* Article List */
.article-list {
    }
        .article-list .archive-item {
            }
 
/* Article List */
.article-list {
    }
        .article-list .archive-item {
            }
#25 
.test{
	text-shadow:
		0 -1px 1px rgba(0,0,0,0.4),
		0 0 5px rgba(255,255,255,0.7);
}
 
.test{
	text-shadow:
		0 -1px 1px rgba(0,0,0,0.4),
		0 0 5px rgba(255,255,255,0.7);
}

Последнее обновление 14 августа 19:25

mail@csscomb.ru