Q&A
前提・実現したいこと
【CSS】containerのh1にletter-spacingを書いたのですが、文字間隔は変わらず。
そしてletter-spacingを書いたら、opacityの効果も消えました。
この解決策を教えて貰いたいです。
該当のソースコード
HTML
1<!doctype html> 2<html lang="ja"> 3 <head> 4 <link rel="stylesheet" href="stylesheet.css"> 5 <meta charset="UTF-8"> 6 <title>Hurozuki.Blog</title> 7 <meta name="description" content="お金、ブログの知識を紹介します"> 8 </head> 9 10 <body> 11 <div class="top-wrapper"> 12 13 <div class="container"> 14 <h1>LEARN TO CODE.</h1> 15 <h1>LEARN TO BE CREATIVE.</h1> 16 <p>Progateはオンラインプログラミング学習サービスです。</p> 17 <p>初心者にもやさしいスライドとレッスンで、Webサービスを作りながらプログラミングを学んでいきましょう。</p> 18 </div> 19 </div> 20 <div class="lesson-wrapper"> 21 </div> 22 <div class="message-wrapper"> 23 </div> 24 <footer> 25 </footer> 26 27 28 </body> 29</html> 30
CSS
1body { 2 margin: 0; 3 font-family: "Hiragino Kaku Gothic ProN"; 4} 5 6a { 7 text-decoration: none; 8} 9 10.container{ 11 width:1170px; 12 padding:0 15px; 13 margin:0 auto; 14} 15.top-wrapper{ 16 padding:180px 0 100px 0; 17 background-image:url(https://prog-8.com/images/html/advanced/top.png); 18 color:white; 19 background-size:cover; 20} 21.container h1{ 22 opacity:0.7 23 letter-spacing:5px; 24} 25.container p{ 26 opacity:0.5; 27}
試したこと
letter-spacingの綴りが間違っていないかの確認
補足情報（FW/ツールのバージョンなど）
Atomを使っています。
回答1件
0
ベストアンサー
css
1.container h1{ 2 opacity:0.7 <-終端がない 3 letter-spacing:5px; 4}
CSS構文チェックに掛けると明白です。(もしくは構文チェック機能のあるエディタの利用)
letter-spacingの綴りが間違っていないかの確認
「そこだけ見る」のは非常に良くないやり方で、
「全体的に構文はどうなのか」流れを見る必要があります。
投稿2021/12/25 09:09
編集2021/12/25 09:12
総合スコア80861
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/12/26 11:46