font-sizeがゼロなのはどういう意味？

Question

あるjQueryの書籍を使ってスライドショーを組み込む方法について学んでいます。
ナビゲーションのアイコン（右方向の矢印と左方向の矢印）を挿入したあとに、
displayプロパティ、
font-sizeプロパティ、
line-heightプロパティ
の値を指定しているのですが、それぞれの意味を教えていただけませんでしょうか？

<div class='slideshow-nav'>
    <a href="#" class="prev">Prev</a>
    <a href="#" class="next">Next</a>
</div>

.slideshow-nav a:before{
    content: url(../img/sprites.png);
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

Comments

[m.ts10806]

回答してしまったのですが１つ試していただきたいです。
「Prev」「Next」　aの中のテキストを削除するとどうなります？

[tadashi_konno]

テキストを削除してみても、何も変わりませんでした。

[m.ts10806]

なるほどでは回答したとおりですね

[tadashi_konno]

はい、ありがとうございました。

Answer 1

疑似要素で画像を指定していますがaタグ内にはNextといった文字列があります。そちらを画面上に見せないためかと思われます。
画像をCSSスプライトで指定しているためコードだけを見たときにど何の要素なのか分からないためあえてテキストを入れて文字サイズを０にしているのではないでしょうか。

でもclassがあるから分かるか。