Почему все ссылки белые, а не только первая?

[DivMan]

http://cssdeck.com/labs/znjvcsu6

мне нужно, что бы только у первой ссылки, был белый цвет. Почему все ссылки красятся в белый цвет?

.menu ul li:nth-child(1){	background: #f45300;}.menu ul li a:nth-child(1){	color:#fff;

Edited May 23, 2014 by DivMan

[Xenia Wanger]

 

http://cssdeck.com/labs/znjvcsu6

мне нужно, что бы только у первой ссылки, был белый цвет. Почему все ссылки красятся в белый цвет?

.menu ul li:nth-child(1){	background: #f45300;}.menu ul li a:nth-child(1){	color:#fff;

.menu ul li:nth-child(1){	background: #f45300;}.menu ul li:nth-child(1) a {	color:#fff;}

Это конкретно по вопросу. А вообще не особо понятно зачем вы прописываете такой стиль именно для первого пункта, а если нужно будет выбрать второй что делать будете?

[npofopr]

Потому что вы не понимаете сути :nth-child

Надо так:

.menu ul li:nth-child(1) a{color:#fff;}

http://nthmaster.com/ для примеров

[DivMan]

 

 

http://cssdeck.com/labs/znjvcsu6

мне нужно, что бы только у первой ссылки, был белый цвет. Почему все ссылки красятся в белый цвет?

.menu ul li:nth-child(1){	background: #f45300;}.menu ul li a:nth-child(1){	color:#fff;

.menu ul li:nth-child(1){	background: #f45300;}.menu ul li:nth-child(1) a {	color:#fff;}

Это конкретно по вопросу. А вообще не особо понятно зачем вы прописываете такой стиль именно для первого пункта, а если нужно будет выбрать второй что делать будете?

 

изменю цифру 1 на 2 

Потому что вы не понимаете сути :nth-child

Надо так:

.menu ul li:nth-child(1) a{color:#fff;}

http://nthmaster.com/ для примеров

Спасибо, а почему это в теории не написано, то что можно после псевдокласса :ntc-child вставлять теги? 

И почему когда указываешь 

.menu ul li:nth-child(1){	background: #f45300;}

то фон применяется только к первому ребёнку, а не ко всем, а ссылки применяются ко всем?

 

 

 

 

http://cssdeck.com/labs/znjvcsu6

мне нужно, что бы только у первой ссылки, был белый цвет. Почему все ссылки красятся в белый цвет?

.menu ul li:nth-child(1){	background: #f45300;}.menu ul li a:nth-child(1){	color:#fff;

.menu ul li:nth-child(1){	background: #f45300;}.menu ul li:nth-child(1) a {	color:#fff;}

Это конкретно по вопросу. А вообще не особо понятно зачем вы прописываете такой стиль именно для первого пункта, а если нужно будет выбрать второй что делать будете?

 

изменю цифру 1 на 2 

Потому что вы не понимаете сути :nth-child

Надо так:

.menu ul li:nth-child(1) a{color:#fff;}

http://nthmaster.com/ для примеров

Спасибо, а почему это в теории не написано, то что можно после псевдокласса :ntc-child вставлять теги? 

И почему когда указываешь 

.menu ul li:nth-child(1){	background: #f45300;}

то фон применяется только к первому ребёнку, а не ко всем, а ссылки применяются ко всем?

 

Потому что вы не понимаете сути :nth-child

Надо так:

.menu ul li:nth-child(1) a{color:#fff;}

http://nthmaster.com/ для примеров

Спасибо, а почему это в теории не написано, то что можно после псевдокласса :ntc-child вставлять теги? 

 

 

 

 

http://cssdeck.com/labs/znjvcsu6

мне нужно, что бы только у первой ссылки, был белый цвет. Почему все ссылки красятся в белый цвет?

.menu ul li:nth-child(1){	background: #f45300;}.menu ul li a:nth-child(1){	color:#fff;

.menu ul li:nth-child(1){	background: #f45300;}.menu ul li:nth-child(1) a {	color:#fff;}

Это конкретно по вопросу. А вообще не особо понятно зачем вы прописываете такой стиль именно для первого пункта, а если нужно будет выбрать второй что делать будете?

 

изменю цифру 1 на 2 

Потому что вы не понимаете сути :nth-child

Надо так:

.menu ul li:nth-child(1) a{color:#fff;}

http://nthmaster.com/ для примеров

Спасибо, а почему это в теории не написано, то что можно после псевдокласса :ntc-child вставлять теги? 

И почему когда указываешь 

.menu ul li:nth-child(1){	background: #f45300;}

то фон применяется только к первому ребёнку, а не ко всем, а ссылки применяются ко всем?

 

А до меня дошло, я забыл то что браузер читает такую последовательность справа налево 

Edited May 23, 2014 by DivMan

[Мэтт]

Сделайте проще.

 

Создайте отдельный класс и пропишите в нём белый цвет и фон. А потом применяйте этот класс для той ссылки, которая вам нужна в дальнейшем. Это намного уменьшит код и вашу работу, нежели на каждой странице сайта прописывать отдельно каждой ссылке стили.

[DivMan]

Сделайте проще.

 

Создайте отдельный класс и пропишите в нём белый цвет и фон. А потом применяйте этот класс для той ссылки, которая вам нужна в дальнейшем. Это намного уменьшит код и вашу работу, нежели на каждой странице сайта прописывать отдельно каждой ссылке стили.

Если заказчик захочет ещё выделить несколько ссылок, и если это сделать способом добавки классов к пунктам li, то код не уменьшится, а с помощью nth-child это делается намного быстрей и без лишней разметки.

[Мэтт]

 

Сделайте проще.

 

Создайте отдельный класс и пропишите в нём белый цвет и фон. А потом применяйте этот класс для той ссылки, которая вам нужна в дальнейшем. Это намного уменьшит код и вашу работу, нежели на каждой странице сайта прописывать отдельно каждой ссылке стили.

Если заказчик захочет ещё выделить несколько ссылок, и если это сделать способом добавки классов к пунктам li, то код не уменьшится, а с помощью nth-child это делается намного быстрей и без лишней разметки.

 

Если я правильно понимаю, то будет выделяться ссылка, на которой странице находится пользователь. (На странице Home выделяется Home, на контактах - Contact.). Вы собираетесь для каждой страницы искать определённый селектор, т.е. ()

.menu ul li:nth-child(n){ background: #f45300; }

нежели прописать стиль одному классу один раз и потом на каждой странице приписывать класс нужной ссылке. Я правильно понял? Ну тогда где будет кода меньше?

[Xenia Wanger]

 

Сделайте проще.

 

Создайте отдельный класс и пропишите в нём белый цвет и фон. А потом применяйте этот класс для той ссылки, которая вам нужна в дальнейшем. Это намного уменьшит код и вашу работу, нежели на каждой странице сайта прописывать отдельно каждой ссылке стили.

Если заказчик захочет ещё выделить несколько ссылок, и если это сделать способом добавки классов к пунктам li, то код не уменьшится, а с помощью nth-child это делается намного быстрей и без лишней разметки.

 

 

Хочется уточнить, вы только верстку заказчику делаете или же впоследствии будете на какую-то cms натягивать?

Вообще то, что вы собираетесь делать это бред сивой кобылы, вы уж извините. Прочитайте как делать так, чтобы активная ссылка подсвечивалась, и не морочьте себе или заказчику голову. Если в макете стоит только у одной ссылки бэкграунд - это не значит, что только она будет подсвечиваться, это значит что дизайнер вам показал как будет выглядеть ссылка при переходе в соответствующий раздел.