Headhunter: css.

gistfile1.txt

/* 1 */
body {color: red;} 
p {color: blue;}
/* Answer: blue. Тут ничего особого(нет "борьбы" селекторов)*/
 
/* 2 */
p {color: red;} 
.bar {color: blue;}
/* Answer: blue. вес селектора по классу (0,0,1,0) больше, чем вес по тегу  (0,0,0,1)*/
 
/* 3 */
p {color: red;} 
.container {color: blue;}
/* Answer: red. Тут нет "борьбы" селекторов. --- */
 
/* 4 */
body p {color: red;} 
.boo {color: blue;}
/* Answer: blue. вес селектора по классу (0,0,1,0) больше, чем вес по тегам  (0,0,0,2) --- */
 
/* 5 */
#main {color: red;} 
body .container {color: blue;}
/* Answer: red. вес селектора по id (0,1,0,0) больше, чем вес по тегу и классу  (0,0,1,1) а тег p отнаследует цвет  --- */
 
/* 6 */
body p {color: red;} 
.container {color: blue;}
/* Answer: red. тут нет борьбы селекторов. --- */
 
/* 7 */
.container p {color: red;} 
#foo {color: blue;}
/* Answer: blue. вес селектора по id (0,1,0,0) больше, чем вес по тегу и классу  (0,0,1,1)   --- */
 
/* 8 */
.container p {color: red;} 
#main {color: blue;}
/* Answer: red. тут нет борьбы селекторов --- */
 
/* 9 */
#foo {color: red;} 
body .container p {color: blue;}
/* Answer: red.  вес селектора по id (0,1,0,0) больше, чем вес по тегам и классу (0,0,1,2)*/
 
/* 10 */
div p {color: red;} 
.container p {color: blue;}
/* Answer: blue. вес селектора по классу и тегу (0,0,1,1) больше, чем вес по тегам (0,0,0,2) */
 
/* 11 */
.container p {color: red;} 
div .boo {color: blue;}
/* Answer: blue. Веса равны, просто blue определён ниже. */
 
/* 12 */
div p.bar {color: red;} 
.container p {color: blue;}
/* Answer: red. вес первого правила (0,0,1,2) больше, чем вес второго (0,0,1,1) */
 
/* 13 */
p.bar {color: red;} 
p.boo {color: blue;}
/* Answer: blue. вес одинаковый, выполняется последнее правило. */
 
/* 14 */
#foo {color: red;} 
#main {color: blue;}
/* Answer: red. Тут нет борьбы селекторов */
 
/* 15 */
p {color: red;} 
div {color: blue;}
/* Answer: red. тут нет борьбы селекторов. */