css - table::after 要素が table 要素ではなく table > td 要素の後に作成されるのはなぜですか?

Question

table::afterセレクターを使用してドット要素を作成し、それを中央に配置して、テーブルの後にドットを追加しようとしましたmargin: 5px auto 5px auto;。それは機能しますが、テーブル自体の後ではなく、最初のテーブル列の後にドットが追加されているようです:

なぜ、どのように修正するのですか？

ライブコードhttp://cssdeck.com/labs/ew6g4ntf/0

Answer 1

これはやや奇妙な方法ですが、ソリューションに沿って進むと、セルベースでテーブルが最適に機能するためと思われます。そのため、table::afterもセルに似ています。

しかし、このすべてをdivに入れて、それを左にフロートさせ、これを行う場合::テーブルの代わりにdivを使用して、これを実行すると、うまく機能します。

これがプレビューです