css - ボトムポストワードプレスのスタイル

Question

私のワードプレスのブログロールの一番下にある投稿にクラス「bottom-post」を追加するにはどうすればよいですか？別のスタイルにする必要があります。（投稿と投稿の総数は常に変化しているため、静的IDを使用できません）

Answer 1

CSS疑似クラス:last-childを使用して、最後の投稿を選択できます。

例えば：

.post:last-child
{
    color: red;
}

私をあなたのブログにリンクしてください。そうすれば、実際の例をあげることができます。

Answer 2

jQueryを使用して要素にクラスを追加できます。

$(".post:last-child").addClass("bottom-post");

そして、そのようなスタイル：

.bottom-post {
    /* Different styling */
}

:last-childこのメソッドの利点（純粋なcssを使用する場合と比較して）は、クラスを要素に適用し、 cssセレクターをサポートしていないブラウザーでもスタイルを設定できることです。私はこれをIE6-8でテストしましたが、すべてで機能しました。

以下に、この場合:last-childに疑似セレクターが優先される傾向がある理由について説明します。:last

http://api.jquery.com/last-selector/