前提・実現したいこと
HTMLとSassを用いてホームページ作成の練習をしています。
Cssをより簡単に記述できるSassという言語を知り、早速試そうと思いコーディングをしていました。
発生している問題・エラーメッセージ
Sassの「入れ子構造」と呼ばれる構造を使ってSassを記述するも反映されない。
以下にHTMLコードとSassコードを貼ります。
htmlのtop-wrapper内にあるh1タグを透過させたいです。
該当のソースコード
HTML
1<!DOCTYPE html> 2<html> 3 4<head> 5 <meta charset="utf-8"> 6 <title>練習</title> 7 <link rel="stylesheet" href="dot.scss"> 8</head> 9 10<body> 11 <header> 12 13 </header> 14 <div class="top-wrapper"> 15 <div class="container"> 16 <h1>あいうえお</h1> 17 </div> 18 19 </div> 20 <div class="lesson-wrapper"> 21 22 </div> 23 <div class="message-wrapper"> 24 25 </div> 26 <footer> 27 28 </footer> 29 30</body> 31 32</html>
Sass
1body { 2 margin: 0; 3 font-family: "Hiragino Kaku Gothic ProN"; 4} 5 6a { 7 text-decoration: none; 8} 9 10 11.top-wrapper { 12 padding: 180px 0 100px 0; 13 background-image: url(https://prog-8.com/images/html/advanced/top.png); 14 background-size: cover; 15 color: white; 16 h1{ 17 opacity: 0.7; 18 } 19 20 21} 22 23 24 25.container { 26 width: 1170px; 27 padding: 0 15px; 28 margin: 0 auto; 29} 30
試したこと
Css形式でかくと反映されるようでした。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/07/03 10:28