H２見出しタグの左の棒線を消したい。

PR 2017/12/13

このトピックには2件の返信、1人の参加者があり、最後にジュンにより8年、 9ヶ月前に更新されました。

2件の返信スレッドを表示中

投稿者

投稿
- 2017年12月12日 3:52 PM #57603
  
  ジュン
  ゲスト
  
  いつもお世話になっております。
  
  ｈ２タグのカスタマイズについて質問があります。
  
  デフォルトのｈ２見出しタグを上下のラインのタイプの見出し
  
  にカスタマイズしたのですが、どうしても左端の棒線が消せません
  
  フォーラムでスタイルシートにborder: none;を追加すれば
  
  解決するとの回答があったので試してみたところ
  
  削除されていませんでした
  
  どなたか削除の方法を教えていただけないでしょうか。
- 2017年12月12日 6:49 PM #57607
  かうたっく
  ゲスト
```
.article h2 {
	border-left: none;
}
```
  左の線だけ消したいときは、上記で大丈夫です。border: none;を使う場合、上下のborder指定より下のほう書くとborderは消えてしまうからです。
  
  左棒が消えなかった件
  CSSの強さがあって、h2＜.article h2＜#main .article h2と優先順位が高くなります。
  
  ・指定方法がh2の場合は.article h2のほうがCSSは効きません。※CSSの詳細度や優先度・優先順位などで探すと出てきます。他にもCSSが効かない原因などで調べると分かりやすいかもです。
  
  ・ちゃんと書いてる場合はキャッシュが原因かもしれません。ブラウザのキャッシュを削除・キャッシュ系プラグインを入れてる場合はそのキャッシュクリア・サーバーのキャッシュがあればクリアにして確認してくださいね。
- 2017年12月12日 10:33 PM #57617
  
  ジュン
  ゲスト
  
  ありがとうございました。
  解決できました。
  ｈ２の前に.articleがなかったので入れてみると解決できました。
  いろいろ説明してくださってありがとうございます。
  cssやhtmlなどの知識がほとんどないので勉強していきたいと思ってます。
  また質問することがあると思いますのでその時もよろしくお願いします。
投稿者

投稿

2件の返信スレッドを表示中

トピック「H２見出しタグの左の棒線を消したい。」には新しい返信をつけることはできません。