CSS 선택기를 사용하여 CSS 규칙에 다양한 규칙을 적용할 수 있습니다. 이 문서에서는 QuerySelector 및 QuerySelectorAll 메서드의 예와 함께 자세한 내용을 설명합니다. 이러한 CSS 선택기를 사용하여 HTML 문서를 탐색하거나 HTML 문서의 요소와 일치하는 검색 패턴을 만들 수 있습니다.
- HTML에서 CSS 선택기 사용 - C# API 설치
- C#에서 CSS 선택기 QuerySelector 사용
- C#을 사용하여 HTML에서 QuerySelectorAll CSS 선택기로 작업
HTML에서 CSS 선택기 사용 - C# API 설치
.NET용 Aspose.HTML API는 여러 다른 파일 형식과 함께 HTML 문서를 생성, 편집, 조작 또는 변환하는 데 사용할 수 있습니다. 다운로드 섹션에서 참조 DLL 파일을 다운로드하거나 다음 NuGet 설치 명령을 실행하여 쉽게 구성할 수 있습니다.
PM> Install-Package Aspose.Html
C#에서 CSS 선택기 QuerySelector 사용
QuerySelector 메소드를 사용하여 선택한 요소의 스타일을 지정하거나 HTML 파일을 탐색할 수 있습니다. 다음 단계에서는 선택기와 일치하는 선택된 요소의 스타일을 지정하는 방법을 설명합니다.
- HTMLDocument 클래스의 인스턴스를 만듭니다.
- 첫 번째 단락 요소를 추출하는 CSS 선택기를 만듭니다.
- 스타일 속성을 설정하고 업데이트된 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 문서를 저장합니다.
다음 코드 샘플은 C#에서 프로그래밍 방식으로 CSS 선택기 QuerySelectorAll을 사용하는 방법을 보여줍니다.
// 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);
.NET용 Aspose.HTML 살펴보기
문서 공간을 방문하여 API의 다양한 기능을 다루는 여러 장을 탐색할 수 있습니다.
무료 라이센스 받기
무료 임시 라이센스를 요청하여 API를 전체 용량으로 평가할 수 있습니다.
결론
이 기사에서는 QuerySelector 및 QuerySelectorAll 선택기의 예를 고려하면서 CSS 선택기를 사용하는 방법을 배웠습니다. 문의사항이 있는 경우 언제든지 포럼에 글을 남겨주세요.