インスペクタで自分の text-align:center; に気づきました。「span#artlink」に取り消し線が引かれています -- 他のすべてのリンクでは機能しますが、このリンクでは機能しません。なぜこれが当てはまるのか誰かが理解できるかどうか知りたいです。
ありがとうございました
HTML
<body>
<div id="wrapper">
<header>
<div id="mainnav">
<span id="home"><a href="index.html">MARK LOVATO</a></span>
<span id="vidlink"><a href="videos.html">VIDEOS</a></span>
<span id="artlink"><a href="art.html">ART</a></span>
<span id="motionlink"><a href="motion">MOTION</a></span>
<span id="reellink"><a href="reel.html">REEL</a></span>
<span id="aboutlink"><a href="about.html">ABOUT</a></span>
</div>
</header>
</div>
</body>
CSS
a:link {text-decoration:none;}
span#home{width:100%; height:50px; float:left; clear:both;}
span#home,span#home a{color:#ffffff; background-color:#000000;
font- family:helvetica; font-weight:600;font-size:43px; letter-spacing:2px;
text-align:center; font-stretch:semi-condensed;}
span#home:hover, span#home:hover a{color:; background-color:;}
span#vidlink{width:65%; height:50px; float:left;}
span#vidlink,
span#vidlink a{ color:#000000; background-color:#ffffff;text-align:center;
font-weight:350; font-size:43px; letter-spacing:10px;}
span#vidlink:hover, span#vidlink:hover a{color:#ffffff; background-color:#000000;}
span#artlink{width:35%; height:50px; float:right;}
span#artlink,span#artlink a{color:#acacac; background-color:#555555;
text-align:center; font-weight:200; font-size:42px; letter-spacing:15px;}
span#artlink:hover,span#artlink:hover a{color:#ff7dbd; background-color:#d60a70;}