専門家に聞きたいのですが、多くの段落に個別のスタイルを設定するにはどうすればよいですか? _html/css

専門家に聞きたいのですが、多くの段落に個別のスタイルを設定するにはどうすればよいですか? _html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 12:21:00

オリジナル

2053 人が閲覧しました

皆さんこんにちは。質問したいのですが、多くの

を含むテキストの段落があります。私は最初の

に別のクラスを設定し、最初の

をクラス化します。 p>「設定」。

しかし、今度は 2 番目の段落、または残りのすべての段落のスタイルを設定したいのですが、どのように設定すればよいでしょうか。

このように実装したいのですが、最初の p のスタイルは class1 で、残りの p のスタイルはすべて class2 です。

ディスカッションへの返信 (解決策)

p.className("class2");
最初の

については個別にクラスを設定し、最初の

を設定するには first-child メソッドを使用します。

他のPはどうですか？スタイルを設定するにはどうすればよいですか?

<!doctype html><html><head><meta charset="gb2312"><title>无标题文档</title><style type="text/css">p:first-child { background-color:#CCC}p { background-color:#ABC}</style></head><body><p>1</p><p>2</p><p>3</p><p>4</p></body></html>

ログイン後にコピー

上の方、ありがとうございます、まだ伝わらなかったかもしれません

こんな感じです

最初の p が

content

として表示されることを願っています

その他 p は

content

です

私の js はすべての記事を表示するか一部のみを表示するかを制御するために使用されるため、class="p_detail "

<html><head><meta charset="gb2312"><title>无标题文档</title><style type="text/css">.p_detail { background-color:#CCC}.p_excerpt { background-color:#ABC}</style><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript">$(document).ready(function(e) {    $("p:first-child").addClass("p_detail")    $("p:not(:first-child)").addClass("p_excerpt")});</script></head> <body><p>1</p><p>2</p><p>3</p><p>4</p></body></html>

ログイン後にコピー

このように設定して、実行後にソースコードを見てください
まだ

はありません

、私の js は一部の操作を実行できません。問題があります。上の階で手伝ってくれたら、追加のポイントを差し上げます

ソースコードがそこにあるように見えませんが、実際にはすでにそこにあります。 Firefox または Chrome を使用して F12 を押して表示します。