Css-problem: font-size

Question

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

Я объявил некоторые стили в своем css-файле, который должен применяться для содержимого моей страницы. Это, как правило, правильный css, но есть некоторые исключения, такие как page_child_title. У меня создалось впечатление, что если я объявлю стиль еще в своем CSS для определенных классов, они переопределят более ранние css-объявления. ну, в данном случае, это неверно. Когда я проверяю с помощью firebug, кажется, что мой браузер действительно хочет использовать font-size-css из «.page a» вместо использования «.page_child_title» (и я не согласен с моим браузером). Однако цвет «.page_child_title» применяется правильно. Ниже вы можете найти Html и CSS, о которых я говорю.

Html

<div id="page" class="page Jobs"> 
    <div class="page_child"> 
     <a class="page_child_title" ... 

style.css

.page p, .page ul, .page a { 
    font-size: 10px; 
    text-align: justify; 
} 
style.css (line 208) 


.page_child_title { 
    color: #006633; 
    font-size: 12px; 
} 
style.css (line 262) 

Я уже попытался заменить ".page_child_title" с ".jobs" но это не сработало. Затем я попробовал объявить «.page_child_title» до «.page a», тот же результат, поэтому теперь я как бы застрял. Кто-нибудь знает, что может вызвать эту проблему?

Answer 1

Мне кажется, что выбор элемента по типу, а не имени класса будет более конкретным.изменения в a.page_child_title

Example

Try.

Answer 2

.page a - более конкретный селектор. Поэтому его настройки будут использоваться.

Это явление называется CSS специфика:

http://css-tricks.com/855-specifics-on-css-specificity/

a.page_child_title { ... } будет работать.

Answer 3

легко исправить должно изменить свой стиль

a.page_child_title 

Я считаю, что это имеет какое-то отношение к иерархии CSS и декларированием стиль самого a.

Answer 4

Есть два решения,

1. http://jsfiddle.net/ErsS4/

Изменить page_child_title to

a.page_child_title 

Или

1. http://jsfiddle.net/m5V8f/

Этот meathod является прямым статусом элемента.

Надеюсь, это поможет!