Здравствуйте, уже не первый раз, когда пишу код и нужно применить определенные настройки шрифта к ссылке, которая находиться в списке, то ни какие параметры шрифта не применяться, что не так делаю, возможно, в css не правильно выбираю класс?
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<body>
<div class="wrapper">
<div class="wrap_top">
<div class="meta">
<ul class="meta_menu">
<li><a href="#"><img src="img/register_but.png" />Register</a></li>
<li><a href="#"><img src="img/register_but.png" />Log in</a></li>
</ul>
<ul class="meta_social">
<li><a href="#"><img src="img/fb_but.png" alt="facebook" /></a></li>
<li><a href="#"><img src="img/tw_but.png" alt="twitter" /></a></li>
<li><a href="#"><img src="img/rss_but.png" alt="rss" /></a></li>
<li><a href="#"><img src="img/yt_but.png" alt="youtube" /></a></li>
</ul>
</div>
</div>
.
.
.
css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
@font-face {
font-family: Helvetica;
src: url(fonts/Helvetica.ttf);
}
.wrapper {
background:url(img/texture.jpg);
}
.wrap_top {
background:#e8e8e8;
width:100%;
border-top:1px solid #fff;
border-bottom:1px solid #d0d0d0;
}
.meta {
width:960px;
height:40px;
margin:0 auto;
}
.meta_menu {
float:left;
}
.meta_menu li {
float:left;
margin:9px 0 0;
border-right: 1px solid #b2b2b2;
padding:2px 30px 3px 26px;
}
.meta_menu li a {
font:12px Helvetica #666;
}
вот строчка
1.
2.
.meta_menu li a {
font:12px Helvetica #666;
не применяется к Register и Log in
1.
2.
3.
4.
<ul class="meta_menu">
<li><a href="#"><img src="img/register_but.png" />Register</a></li>
<li><a href="#"><img src="img/register_but.png" />Log in</a></li>
</ul>
