2012-04-10 2 views
0

Я пытаюсь выяснить, как отключить прописку справа только на одной из навигационных ссылок.CSS Padding Right

#nav ul li { 
display: inline; 
padding-right: 15px; 
} 

Этот код помещает 15px отступа справа от навигационного текста, однако самой последней навигационной ссылке, я хочу не иметь отступы, потому что неровная с моей центрирования текста.

Я пытался что-то вроде этого:

.nopad { 
padding: 0; 
} 

Затем добавив в мои ссылки:

<li class="nopad"><a href="#">Home</a></li> 

Это не похоже на работу.

Помощь будет принята с благодарностью. Благодаря

ответ

2

Изменения его заполнение: #nav ul li.nopad { padding: 0!important; }
Это аннулирует любые унаследованной C отступы

Иначе вы могли бы просто изменить padding:0; к padding:0 !important;

+0

Вы можете узнать больше о важности здесь: http://webdesign.about.com/od/css/f/blcssfaqimportn.htm – Chris

1

Добавить это

#nav ul li.nopad { padding: 0; } 

Другое свойство перекрывая его.

Если вы хотите узнать больше о CSS специфичности прочитать: http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

+0

Возможно, вы захотите объяснить, почему он переопределен. –

+0

Его переписывают, потому что ваш класс применяется к элементу li. Поскольку элемент li ul более конкретный, классы, определенные специально для него, будут иметь приоритет – Chris