疑似HPを作るうえでトップページを作成中であるが、
タグ部分のCSSが適用されておらず、デベロッパーツールで確認するとが無かった。 自分で書いたコードはがきちんと存在するのに、ページに反映されない原因は何か知りたいです。--html--
<!DOCTYPE html> <html> <head> <title>SocialTech</title> <meta charset="UTF-8"> <meta name="description" content="SocialTechはEdTech業界のリーディングカンパニーを目指します。"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel=stylesheet" href="style.css> </head> <body> <header> <a href="index.html" id="logo"><img src="img/logo.png"></a> <nav> <a href="mission.html">MISSION</a> <a href="product.html">PRODUCT</a> <a href="index.html#about">ABOUT US</a> <a href="index.html#vision">VISION</a> <a href="index.html#company">COMPANY</a> <a href="index.html#contact">CONTACT</a> </nav> </header> <footer> </footer> </body> </html>
--CSS--
/PCスマホ共通スタイル/
body{ font-family:"Source Sans Pro","Hiragino Kaku Gothic ProN", Meiryo,Arial, sans-serif; } p{ font-size:15px; } /*PCスタイル*/ body{ max-width: 1080px; min-width: 960px; margin: 0 auto 0 auto; } header { display: flex; justify-content: space-between; } nav{ text-align: right; font-size: 14px; padding-top:15px; } /*link装飾*/ nav >a { text-decoration:none; margin-left:20px; } nav-pc > a:link { /*未訪問リンク*/ color: #0d0d0d; } nav-pc > a:visited {/*訪問済リンク*/ color: #0d0d0d; } nav-pc > a:hover {/*pointerが触れている*/ color: #0d0d0d; text-decoration: underline; } nav-pc > a:active {/*clickされているとき*/ color: #0d0d0d; }
0 コメント