tyv

/* самый распространенный: все потомки */
.parent .child 
{
	aborder: 1px solid red;
}

/* 
	все селекторы можно уточнять 
	именами элементов ol.parent li.child 
*/

tyv

/*
	E:nth-of-type(an+b)
	тоже самое, но работает только с группой E-элементов

	p:nth-child(2)
	это параграф && это второй элемент своего родителя

	p:nth-of-type(2)
	это второй параграф своего родителя	
	http://css-tricks.com/the-difference-between-nth-child-and-nth-of-type/

tyv

/*
	E:nth-child(an+b)
	разбивает все E-элементы
	на a-групп (остаток в последней)
 	выделает b-элемент в каждой
	
	E:nth-last-child(an+b)
	тоже самое но с конца коллекции элементов
	
	могут принимать значения odd (=2n+1) 

tyv

/* 
	:first- |:last- child — любой E, 
	являющийся первым или последним ребенком
*/

.parent li:first-child
{
	border: 3px solid red;
}

tyv

/* 
	любые стили для :visited 
	отключены в webkit по 
	соображениям безопастности 	
*/
:visited
{
	/* разрешается менять только color */
	color: red; 
}

tyv

#i-am-a-target:target
{
	color: red;
}

tyv

input + label
{
	color: green;
}

input:checked + label
{
	color: red;
}

tyv

p:first-line,
span:first-line /* не работает у строковых элементов */
{
	font-size: 200%;
}

p:first-letter,
span:first-letter  /* но почему не работает тут?! upyachka.gif */
{
	color: red;

tyv

.i:before
{
	content: 'before ';
	color: green;
}

.i:after
{
	content: ' after';
	color: red;

tyv

form input[type="checkbox"]:disabled + label
{
	color: #ccc
}


form input[type="checkbox"]:not(:disabled)
{
	font-size: 150%;
}