サブクラスを定義するにはどうすればよいですか？

Question

this fiddleが私の問題を示しています。

class="line"のサブクラスをthmlおよびcss構造体に定義して、サブクラスが例2に示すようなボーダートップスタイルを持たないようにするにはどうすればよいでしょうか？

ありがとうございます。

編集：that thisはどのように動作するのですか？コメントはありますか？

Answer 1

CSSのサブクラスのようなものはありません。あなたは

class="line line-no-top" 

別のクラスを追加し、ライン-NO-トップCSSで定義することができます。効果を達成するために

.line-no-top{ border-top-style:none; } 

を。

あなたの問題は、上部の境界線を持つdivがあり、その内部にテキストを含むdivがあることです。内側divのborder：noneを設定することで、外側divの上端をオフにしようとしていますが、これはうまくいかないでしょう。ボーダーをオフにするクラスを外側のdivに適用する必要があります。