h2の見出しの上線と下線の消し方

Question

画像のH2の上線と下線を消したいです。

h2 { border: none;} .article h2{border: none;}などの記述や他の記述も試しましたがダメでした。
かれこれ、2週間ほど悩んでいますがどうにもなりません。どなたか教えてくれたら幸いです。
検証で調べたらここが原因でした。

ワードプレスでのコード
html

<h2>ああ</h2> css .post h2 { border: none;}

検証で分かった原因部分です。
.entry-title--post-type--page, h2 {
padding: 0.5em 0;
border-top: 2px solid var(--vk-color-primary);
border-bottom: 1px solid var(--vk-color-border-hr);
}
テーマはLightningというものを使っています。

Comments

[m.ts10806]

html，cssをなるべく省略せず提示してください。
こちらで再現できないとなんともできません。
なお、コードはマークダウンのcodeにてご提示ください

[niko5]

失礼しました。
ワードプレスでのコード
html
<h2>ああ</h2>
css
.post h2 {
border: none;}

検証で分かった原因部分です。
.entry-title--post-type--page, h2 {
padding: 0.5em 0;
border-top: 2px solid var(--vk-color-primary);
border-bottom: 1px solid var(--vk-color-border-hr);
}
テーマはLightningというものを使っています。

[m.ts10806]

質問は編集できます。コードが一部だと微妙ですね。
あと、WordPressだと別のところに影響がないとも言えません。
ちなみに、h2に対する自身で書かれた指定と言うのは、どこにどう書きましたか？
HTML上で対処のh2は.post(class)の配下ですか？

[m.ts10806]

マークダウン分からない方は下記を参考に。
https://teratail.com/questions/238564
コードを提示することも多いと思うので覚えておいた方が良いです。

[m.ts10806]

質問中が受付中のままになるので「解決済み」にしておいてください。
https://teratail.com/help/question-tips#questionTips4

Answer 1

CSSは基本後勝ちです。
同じ指定があれば後にあるものが有効となります。

ミニマムコードですが、下記のようにしていて

h2 {
    border-top: 2px solid blue;
    border-bottom: 1px solid pink;
}

こう書けば、消えます。

h2 {
    border-top: 2px solid blue;
    border-bottom: 1px solid pink;
}
h2 {
 border: none;
}

このことから考えられることは下記のいずれか。

1. 自分で書いたCSSが読み込まれていない
2. 自分で書いたCSSに構文エラーがある（全角スペースとか）
3. .post配下にh2がない
4. 自分で書いたCSSが線が当たっているCSSより前に読み込まれるようになっている

3まで間違いない場合はおそらく4です。
現状のままとするなら!importantをつければ良いですが、
影響範囲だったり上書きの上書きだったり、管理しきれなくなる可能性もあるので、
確実に「後」に読み込まれるように調整してみてください。

Comments

[m.ts10806]

解決されたようで何よりです。案外引っかかる人が多かったりします。
あと質問中が受付中のままになるので「解決済み」にしておいてください。
https://teratail.com/help/question-tips#questionTips4

Answer 2

border-topとborder-bottomを削除すればいいだけなのでは？？？

Comments

[niko5]

h2{border: none;}やh2{border-top: none;}などの記述をしても消えませんでした。
初心者なので記述が間違っていたら申し訳ないです。もし間違っていた場合正しい記述を
教えてもらえるとありがたいです。

[m.ts10806]

質問者さんがやろうとしているborder:noneで線は消えます。

[niko5]

CSSの記述の順番が間違っていただけでした💧ｈ2をＣＳＳの一番下に記述していたのが原因でした。
無事解決しました！回答ありがとうございました！助かりました！