Изменение стиля самого левого пункта меню

Question

Изменение стиля самого левого пункта меню

0

Вот моя демо-версия Codepen, которую я хочу показать как ссылку изображения ниже ссылки:

Щелчок:

Я использовал этот css:

.menu > ul > li:first-child {
      color: red !important;
}

Чтобы сделать ссылку слева Red но все же она показывает Grey линии.

На самом деле это должно выглядеть так:

Проблема 2:

Длина строки над полем предупреждения должна охватывать всю ширину страницы. Как это сделать?

Я пробовал:

.menu > ul {    
    display: block;    
    list-style: none;    
    border-bottom: 0.1em solid #9e9e9e;
    width: 152%;  // makig it 200% increase width of entire page. Rather I want to increase the width of lie only
    margin-left: -2%;

}

user123 04 янв. 2014, в 07:57

Источник

0

проясните вторую проблему, которую я не могу понять
Sridhar R 04 янв. 2014, в 06:47
0

@SridharR: это примерно горизонтальная линия над предупреждением. Article changes everyday ... Я хочу, чтобы длина этой строки = ширина страницы. Settig это 100% не решает проблему
user123 04 янв. 2014, в 06:53
0

потому что он находится внутри col-md-6, поэтому высота зависит от родительского div.if вы хотите изменить установленную фиксированную высоту
Sridhar R 04 янв. 2014, в 07:16

Показать ещё 1 комментарий

Теги:

html

css

css3

3 ответа

1

Вы забыли добавить селектор привязки в конце:

.menu > ul > li:first-child a {
   color: red !important;
}

Tomas 04 янв. 2014, в 05:36

1

Ваш код в порядке, единственная проблема заключается в том, что a становится чрезмерным по цвету от фактических свойств для гиперссылки как

a {
  // properties..
}

Измените код:

.menu > ul > li:first-child a {
  color: red !important;
}

Который применит настройки к гиперссылке элемента самого левого списка под неуказанным списком в элементе с меню класса! :)

Afzaal Ahmad Zeeshan 04 янв. 2014, в 05:11

Ещё вопросы

проясните вторую проблему, которую я не могу понять
@SridharR: это примерно горизонтальная линия над предупреждением. Article changes everyday ... Я хочу, чтобы длина этой строки = ширина страницы. Settig это 100% не решает проблему
потому что он находится внутри col-md-6, поэтому высота зависит от родительского div.if вы хотите изменить установленную фиксированную высоту

Sridhar R · Accepted Answer · 2014-01-04T04-03-00.000Z

Попробуй это

.menu > ul > li:first-child a {

  color: red !important;
}

DEMO