我有像标记
这里显示
我想知道为什么它看起来像第12和第13行
.notes:link span,
.notes:visited span { ...
好像它的工作
.comments span,
background-position: -16px -16px;
}
.permalink:link span,
.permalink:visited span {
background-position: -32px -16px;
}
似乎它不存在
由于某种原因,cssdesk似乎在下面的案例代码中...
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style>
.notes:link span,
.notes:visited span,
.comments span,
.permalink:link span,
.permalink:visited span {
background: url("http://static.tumblr.com/ikeq9mi/F6Tl4vrjj/metasprite.jpg") no-repeat;
padding-right: 16px; /* width */
font-size: 15px; /* height */
margin: 0 2px;
position: relative;
top: -1px;
}
.notes:link span,
.notes:visited span {
background-position: 0 -16px;
}
.comments span,
background-position: -16px -16px;
}
.permalink:link span,
.permalink:visited span {
background-position: -32px -16px;
}
.notes:hover span,
.notes:active span {
background-position: 0 0;
}
.comments span,
background-position: -16px 0;
}
.permalink:hover span,
.permalink:active span {
background-position: -32px 0;
}
</style>
</head>
<body>
<a href="{Permalink}#notes" class="notes" title="notes">{NoteCount}<span></span></a> /
<span class="comments">
<a href="{Permalink}#disqus_thread" class="dsq-comment-count" title="comments">Comments</a>
<span></span>
</span> /
<a href="{Permalink}" class="permalink" title="permalink"><span></span></a>
</body>
</html>
小智 5
我想你应该有
.comments span {
background-position: -16px -16px;
}
代替
.comments span,
background-position: -16px -16px;
}