為什么字體顏色不對
顯示出來home等顏色是深藍色的，為什么不是課程里的顏色
<!DOCTYPE html>
<html>
<head>
<title>導航菜單</title>
<style type="text/css">
body{background: #eBEBEB;}/*金屬白*/
.nav{width: 560px;height: 50px;
? ? font:bold 0/50px Arial;/*字體是粗體，行高50的空白區域。0是字體大小，50是行間距*/
? ? text-align: center;
? ? margin: 40px auto 0;/*左右居中*/
? ? background: #f65f57;/*紅色*/
? ? border-radius:10px ;/*制作圓角*/
? ?box-shadow: 0 8px 0 #900;/*添加陰影*/
? ? ? ? ? ? ? ? ? ? ? ? ? ? /*box-shadow: x y 模糊距離 ?尺寸 ?顏色 ?inset;不加insert就是默認外部陰影*/
? ?}
.nav a{display: block;/*轉成塊級元素*/
? ?transition: all 0.2s ease-in;/*過渡時間為0.2s,ease-in是慢開始，ease-out是慢結束;*/
? ?} ? ?
.nav a:hover{transform: rotate(10deg);}/*旋轉10角度，順時針*/
.nav li{position: relative;display: inline-block;
? ?font-size: 13px;padding: 0 16px;color: #FFFFFF;
? ?text-shadow: 1px 2px 4px rgba(0,0,0,.5);
? ?list-style: none outside none;}
</style>
</head>
<body>
<ul class="nav">
<li><a href="">Home</a></li>
<li><a href="">AboutMe</a></li>
<li><a href="">Portfolio</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Resources</a></li>
<li><a href="">Contact Me</a></li>
</ul>
</body>
</html>
2017-03-15
顏色設置在li標簽里面，繼承不到a
2017-03-16
沒錯沒錯，原來是沒有繼承性。顏色設置在a｛｝里面就可以了。謝謝