通过id属性应用CSS属性

时间:2014-10-20 02:26:52

标签: html css

我试图重新创建SHARKFIN:

  

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 个答案:

答案 0 :(得分:3)

使用#选择 id 属性,并使用.选择属性

更改您的HTML:

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

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

  3. ,您可以:

    更改CSS:

    1. .logo#logo

    2. .fin#fin