ホームページ >ウェブフロントエンド >htmlチュートリアル >専門家に聞きたいのですが、多くの段落に個別のスタイルを設定するにはどうすればよいですか? _html/css_WEB-ITnose
専門家に聞きたいのですが、多くの段落に個別のスタイルを設定するにはどうすればよいですか? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:21:002059ブラウズ
皆さんこんにちは。質問したいのですが、多くの e388a4556c0f65e1904146cc1a846bee を含むテキストの段落があります。私は最初の e388a4556c0f65e1904146cc1a846bee に別のクラスを設定し、最初の e388a4556c0f65e1904146cc1a846bee をクラス化します。 p>「設定」。
しかし、今度は 2 番目の段落、または残りのすべての段落のスタイルを設定したいのですが、どのように設定すればよいでしょうか。
このように実装したいのですが、最初の p のスタイルは class1 で、残りの p のスタイルはすべて class2 です。
ディスカッションへの返信 (解決策)
最初の e388a4556c0f65e1904146cc1a846bee については個別にクラスを設定し、最初の e388a4556c0f65e1904146cc1a846bee を設定するには 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 が 9f90f44faa32e17cb35196e9e25635b0content94b3e26ee717c64999d7867364b1b4a3 として表示されることを願っています
その他 p は 603eb80375aadfb3d40be23abc9e88c5content94b3e26ee717c64999d7867364b1b4a3 です
私の 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> このように設定して、実行後にソースコードを見てください
まだ e388a4556c0f65e1904146cc1a846bee 9f90f44faa32e17cb35196e9e25635b0 はありません
417408db1b545e016610765837db5a2d、私の js は一部の操作を実行できません。問題があります。上の階で手伝ってくれたら、追加のポイントを差し上げます
ソース コードがそこにあるように見えませんが、実際にはすでにそこにあります。 Firefox または Chrome を使用して F12 を押して表示します。