как задать ширину пункта третьей вложенности в меню ?

[planetaryi]

я не разбираюсь в сложных селекторах ((

Нужно задать большую ширину пунктам, простое прописывание width ничего не дало.

но если чтото меняешь ширину пунктов второго уровня, вот здесь

 

#topmenu li li a,
#topmenu li.active li a{
    width: 162px;
......}

 

то меняется и третий, а как прописать для третьего отдельно?

 

вот такой код меню третьего уровня, если верить комментарию...

/** Level third and above **/

#topmenu li li li:first-child {
    margin-top: 0px;
 
}

#topmenu li ul ul {
    margin: -40px 0 0 200px;
}

#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {
    left: -999em;
}

#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul { /* nested under hovered items */
    left: auto;
}

Edited June 11, 2014 by planetaryi

[npofopr]

и? что не так то? все правильно

li li li - третий

[planetaryi]

и? что не так то? все правильно

li li li - третий

 

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

 

#topmenu li li a,

#topmenu li.active li a{

    width: 162px;

......} - меняется длина второй и третьей вложенности сразу.

 

#topmenu li li li a {width: 260 px;} - не действует

 

#topmenu li li li a, #topmenu li li.active li a {width: 260 px;}

 

тоже не работает...или скорее всего написано неправильно.

 

истина где-то рядом....

[npofopr]

может так?

#topmenu li li li a, #topmenu li.active li li a {width: 260 px;}

вообще лучше бы страницу показали, где эта проблема или в песочнику выложили код, по типу http://jsfiddle.net/

Edited June 11, 2014 by npofopr

[Ironimus]

Так у вас ничего не выйдет, потому что такой селектор проверяет есть ли вообще такой элемент в этом элементе.
Например:

<div><ul><li><span><a></a></span></li></ul><div>

div a{  width:260px;/*стили применятся*/}div > a{  width:200px;/*не применится*/}

[npofopr]

Так у вас ничего не выйдет, потому что такой селектор проверяет есть ли вообще такой элемент в этом элементе.

и?)

кроме вас, тут никто про ">" не писал)) 

если человек говорит, что есть третий список, значит он наверно есть.

 

Ждать пример кода надо, все остальное гадание на кофейной гуще.

[planetaryi]

 

Так у вас ничего не выйдет, потому что такой селектор проверяет есть ли вообще такой элемент в этом элементе.

и?)

кроме вас, тут никто про ">" не писал)) 

если человек говорит, что есть третий список, значит он наверно есть.

 

Ждать пример кода надо, все остальное гадание на кофейной гуще.

 

 

достаточно сложно выложить меню, оно же динамически формируется.

 

а если я выложу все стили, относящиеся к меню, этого будет недостаточно?

[planetaryi]

http://cssdesk.com/gN5T2

 

вот.....

третья вложенность:  продукция/электроприводы и там выпадают...

 

хочется изменить его ширину и вообще понять логику, как менять там оформление.

 

 

ps

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

Edited June 17, 2014 by planetaryi

[planetaryi]

 

Так у вас ничего не выйдет, потому что такой селектор проверяет есть ли вообще такой элемент в этом элементе.

и?)

кроме вас, тут никто про ">" не писал)) 

если человек говорит, что есть третий список, значит он наверно есть.

 

Ждать пример кода надо, все остальное гадание на кофейной гуще.

 

Помогите, плиз...

 

http://cssdesk.com/gN5T2

[npofopr]

Да у вас всё правильно, только надо пробел убрать между 260 и px.

И добавить

#topmenu li li li a, #topmenu li.active li li a {width: ....}

[planetaryi]

 

Да у вас всё правильно, только надо пробел убрать между 260 и px.

И добавить

#topmenu li li li a, #topmenu li.active li li a {width: ....}

Спасибо за отгадку

удивительно, но вот при сочетании этих двух свойств получилось, а если первое убираешь - не работает ничего

#topmenu li li li a, #topmenu li li.active li a {width: 300px;}

 #topmenu li.active li li a {width: 300px}

 

 

чем отличаются #topmenu li.active li li a  и   #topmenu li.active li li a ?

 

не подскажите где прочитать/посмотреть чтобы разбираться с такой вложенностью?

 

 

и еще один вопрос как прописать им новый border-top: 1px solid #7e7e7e;

 

прописала в третьей вложенности везде, так так та полоса по умолчанию, которая указана и в 2 вложенности, заходит в третью

 

http://cssdesk.com/jddxX

 

Edited June 19, 2014 by planetaryi