2014-10-20 203 views
-3

我試圖重新創建魚翅狀:應用通過id屬性CSS屬性

Screenshot

HTML和CSS:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>SHARKFIN</title> 
     <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'> 
     <style> 
      .logo {font:70px Montserrat; color:white} 
      .fin {color:#43C4DD !important ;} 
     </style> 
    </head> 
    <body> 
     <div id="logo">SH<span id="a">A</span>RK<span id="fin">FIN</span></div> <!--SHARKFIN broken into parts--> 
    </body> 
</html> 

我在做什麼錯?

+1

-1表示非特定標題。 – coreyward 2014-10-20 02:27:34

+3

使用'#'在css之前的標誌中振作起來。 ID標識符是'#'符號而不是'.'。 – 2014-10-20 02:29:20

+0

另外,不需要'!重要'。只要確保在第一種顏色之後給出第二種顏色。 – misterManSam 2014-10-20 02:50:53

回答

3

ID屬性選擇與#屬性與.

變化選擇您的HTML:

  1. id="logo"class="logo"

  2. id="fin"class="fin"

或者相反,您可以:

更改你的CSS:

  1. .logo#logo

  2. .fin#fin

+0

derp ...感謝的人。很簡單 – Dominic 2014-10-21 05:13:52