以下のコード行で、ボーダートップを削除するにはどうすればよいですか? 「border-top: none;」を試してみました しかし、これはうまくいきませんでした。どんな助けでも大歓迎です！
dd {
border-top: 0;
font-size: 12px;
&:last-of-type {
border-top: 1px solid white;
position: relative;
top: -1px;
}
border-top: 0 !important;
!important を追加する必要があります。これにより、スタイリングが以前のスタイリングよりも優先されるようになります。
css がどのように要素をターゲットにし、何が優先されるかについて読む価値があるかもしれません: この記事では、私ができるよりも詳しく説明しています: CSS セレクター間の優先順位は何ですか?
注: 境界線のスタイル設定が異なる場合、特定のブラウザーでいくつかの問題が発生したことを覚えているようです。たとえば、すべての境界線にスタイルを追加してから、border-top などの個々の境界線設定で上書きしようとすると、申し訳ありません。正確な詳細は覚えていませんが、他に国境の問題がある場合は注意してください。
更新: ネストされた css と不要な重複選択を削除するために css を単純化しました。ここでhttp://jsfiddle.net/VWQct/24/を確認してください。これはあなたが達成しようとしていたものですか？
<dt><a href="">Panel 1</a></dt>
on Panel 1 click you should set border-bottom:0px !important;
because border-top is working fine.
これを試して
border-top: none !important;