![HTML C# の CSS セレクター](images/CSS-Selectors-HTML-Example-csharp.jpg#center)
CSS セレクターを使用すると、CSS ルールにさまざまなルールを適用できます。この記事では、QuerySelector メソッドと QuerySelectorAll メソッドの例とともに詳細を説明します。これらの CSS セレクターを使用して、HTML ドキュメント内を移動したり、HTML ドキュメント内の要素に一致する検索パターンを作成したりできます。
- HTML での CSS セレクターの使用 - C# API のインストール
- C# で CSS セレクター QuerySelector を使用する
- C# を使用して HTML で QuerySelectorAll CSS セレクターを操作する
HTML での CSS セレクターの使用 - C# API のインストール
Aspose.HTML for .NET API は、他のいくつかの ファイル形式 とともに HTML ドキュメントを作成、編集、操作、または変換するために使用できます。 ダウンロード セクションから参照 DLL ファイルをダウンロードするか、次の NuGet インストール コマンドを実行することで簡単に構成できます。
PM> Install-Package Aspose.Html
C# で CSS セレクター QuerySelector を使用する
QuerySelector メソッドを使用して、選択した要素のスタイルを設定したり、HTML ファイルをナビゲートしたりできます。次の手順では、セレクターに一致する選択された要素のスタイルを設定する方法について説明します。
- HTMLDocumentクラスのインスタンスを作成します。
- 最初の段落要素を抽出する CSS セレクターを作成します。
- style 属性を設定し、更新された HTML ファイルを保存します。
以下のコード スニペットは、CSS セレクター QuerySelector を使用して、HTML ドキュメント内の選択された要素を処理する方法を示しています。
// ソースHTMLファイルへのパスを準備する
string documentPath = "queryselector.html";
// HTMLドキュメントのインスタンスを作成する
var document = new Aspose.Html.HTMLDocument(documentPath);
// ここでは、ドキュメント内の最初の段落要素を抽出する CSS セレクターを作成します。
var element = document.QuerySelector("p");
// 最初の段落の内容を印刷します
Console.WriteLine(element.InnerHTML);
// 出力: QuerySelector() メソッドは、指定されたセレクターに一致するドキュメント内の最初の要素を返します。
// 選択した要素のプロパティを使用してスタイル属性を設定します
element.SetAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");
// HTML ドキュメントをファイルに保存する
document.Save("queryselector-p.html");
C# を使用して HTML で QuerySelectorAll CSS セレクターを操作する
場合によっては、出現する要素をすべて処理する必要があるかもしれません。 QuerySelectorAll CSS セレクターを使用するには、以下の手順に従ってください。
- HTMLDocumentクラスで入力HTMLファイルを読み込みます。
- CSS セレクターを作成して、クラスのすべての要素を抽出します。
- 要素を繰り返し処理し、スタイル属性を設定します。
- 更新された HTML ドキュメントを保存します。
次のコード サンプルは、CSS セレクター QuerySelectorAll を C# でプログラム的に使用する方法を示しています。
// HTMLドキュメントを保存するための出力パスを準備する
string savePath = "css-selector-color.html";
// ソースHTMLファイルへのパスを準備する
string documentPath = "spring.html";
// HTMLドキュメントのインスタンスを作成する
var document = new Aspose.Html.HTMLDocument(documentPath);
// ここでは、「class」属性が「square2」に等しいすべての要素を抽出する CSS セレクターを作成します。
var elements = document.QuerySelectorAll(".square2");
// 結果として得られる要素のリストを反復処理します。
foreach (Aspose.Html.HTMLElement element in elements)
{
// 新しい背景色プロパティを使用してスタイル属性を設定します
element.Style.BackgroundColor = "#b0d7fb";
}
// HTML ドキュメントをファイルに保存する
document.Save(savePath);
Aspose.HTML for .NET を探索する
ドキュメント スペースにアクセスして、API のさまざまな機能に対処するさまざまな章を参照してください。
無料ライセンスを取得
無料の一時ライセンスをリクエストすることで、API を最大限に評価できます。
結論
この記事では、QuerySelector セレクターと QuerySelectorAll セレクターの例を考慮しながら、CSS セレクターの使用方法を学習しました。ご質問がございましたら、お気軽に フォーラム までご連絡ください。