質問: ### 前提・実現したいこと HTMLおよびCSSの初心者です。 見出しの下部にある点線を消したいのですが、 CSSのどこをどのようにいじれは良いのかわからないので教えてほしいです。 なお、特定の2つの見出しにだけ点線が表示されてしまい、 他の見出しについては表示されない状態です。 ### 発生している問題・エラーメッセージ ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/04fedca013945c1fbbabff5c4922d904.jpeg) ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/af6d487dedf3ed883c12e08aec92ca81.jpeg) ↑枠の下部にある点線を消したいです。 ### 該当のソースコード 現状のCSSは下記です。(吹き出し見出しのCSS) ``` /*↓吹き出しの見出し*/ h2 { position: relative; padding: 0.6em; background: #e0edff; } h2:after { position: absolute; content: ''; top: 100%; left: 30px; border: 15px solid transparent; border-top: 15px solid #e0edff; border-bottom: 15px solid transparent; width: 0; height: 0; } ``` ### 試したこと ### 補足情報(FW/ツールのバージョンなど) 当該サイトURL 【解決したため、削除しました】
回答: ブラウザの開発者ツールを開くと,一発で原因が分かります !イメージ説明 調べたい要素の上で右クリックすると「要素を検証(Q)」(って書いてあったと思う.こちら英語表記環境につき,日本語表記はあやふや)があるので,それですぐ分かります. > > これをどうやってブログに反映させれば良いのでしょうか。 > > はてなブログの機能でCSSがカスタマイズできるシートには、そもそもこのような記述はないのです。 > > ブラウザー開発者ツール上はあくまで確認用で、反映はできないですよね? > > > プロパティ名は既に分かっているので,こちらをカスタマイズできるシートに追記してみたらどうでしょう ``` .entry-content h1, .entry-content h2, .entry-content h3{ border: 0; } ``` ただし,HTMLは上から順番に読み込むので,CSSを読み込む