2014-10-20 249 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