2013-07-01 2 views
-1

Вот мой сайт: http://oldtimesdaily.tumblr.com/Название CSS не работает

На моем индексе названия моих постов являются ссылки, и единственный пост не имеет. Но я хочу, чтобы они выглядели одинаково, поэтому я добавил класс = «Заголовок» для обоих, но он применим только к странице индекса.

А вот коды

CSS

.Post a.Title { 
        display:block; 
        line-height: 1.4; 
        color: #222; 
        margin-bottom:22px; 
        font-family:QuicksandBold, Helvetica, Arial, sans-serif; 
        margin: 0px 25px 10px; /* Post Title */ 
        font-weight: bold; 
        letter-spacing: 2px; 
        text-transform:uppercase; 
        text-decoration:none; 
        border-bottom:0px; 
        } 
        .Post a.Title:hover { 
         color: #300000 ; 
         } 
       .Post.Single a.Title { 
        margin-bottom:11px; 
        } 

И HTML

  <div class="Text"> 
       {block:Title} 
        {block:IndexPage} 
       <a href="{Permalink}" target="_blank" class="Title">{Title}</a> 
        {/block:IndexPage} 
        {block:PermalinkPage} 
       <span class="Title">{Title}</span> 
        {/block:PermalinkPage} 
       {/block:Title} 
+0

(первые буквы класса и идентификатор не должен быть в верхнем регистре, ни числа, фикс это, еще некоторые браузер wo'nt применять их) –

+0

О, спасибо, не знал об этом) – user2534878

ответ

1

Название является пролетом на отдельных страницах, так a.Title не применяется.

Вы можете это исправить, изменив .Post a.Title на .Post a.Title, .Post span.Title

+0

Ничего, что можно сказать, это сработало) Спасибо – user2534878

Смежные вопросы