Seletores CSS em HTML C#

Você pode aplicar regras diferentes às regras CSS usando seletores CSS. Este artigo explica os detalhes junto com os exemplos dos métodos QuerySelector e QuerySelectorAll. Você pode usar esses seletores CSS para navegar em documentos HTML ou para criar um padrão de pesquisa para combinar elementos em um documento HTML.

Use seletores CSS em HTML – instalação da API C#

A API Aspose.HTML for .NET pode ser usada para criar, editar, manipular ou converter documentos HTML junto com vários outros formatos de arquivo. Você pode configurá-lo facilmente baixando o arquivo DLL de referência da seção Downloads ou executando o seguinte comando de instalação NuGet:

PM> Install-Package Aspose.Html

Use o seletor CSS QuerySelector em C#

Você pode estilizar um elemento selecionado ou navegar no arquivo HTML com o método QuerySelector. As etapas a seguir explicam como estilizar um elemento selecionado que corresponda ao seletor:

  1. Crie uma instância da classe HTMLDocument.
  2. Crie um seletor CSS para extrair o primeiro elemento do parágrafo.
  3. Defina o atributo style e salve o arquivo HTML atualizado.

O trecho de código abaixo mostra como usar os seletores CSS QuerySelector para processar um elemento selecionado no documento HTML:

// Prepare o caminho para o arquivo HTML de origem
string documentPath = "queryselector.html";

// Crie uma instância de um documento HTML
var document = new Aspose.Html.HTMLDocument(documentPath);

// Aqui criamos um seletor CSS que extrai o primeiro elemento de parágrafo do documento
var element = document.QuerySelector("p");

// Imprimir o conteúdo do primeiro parágrafo  
Console.WriteLine(element.InnerHTML);
// saída: O método QuerySelector() retorna o primeiro elemento no documento que corresponde ao seletor especificado.

// Defina o atributo de estilo com propriedades para o elemento selecionado               
element.SetAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");

// Salve o documento HTML em um arquivo
document.Save("queryselector-p.html");

Trabalhe com o seletor CSS QuerySelectorAll em HTML usando C#

Às vezes você pode precisar processar todas as ocorrências de um elemento. Siga as etapas abaixo para trabalhar com o seletor CSS QuerySelectorAll:

  1. Carregue o arquivo HTML de entrada com a classe HTMLDocument.
  2. Crie um seletor CSS para extrair todos os elementos de uma classe.
  3. Itere pelos elementos e defina os atributos de estilo.
  4. Salve o documento HTML atualizado.

O exemplo de código a seguir demonstra como usar o seletor CSS QuerySelectorAll programaticamente em C#:

// Prepare o caminho de saída para salvar documentos HTML
string savePath = "css-selector-color.html";

// Prepare o caminho para o arquivo HTML de origem
string documentPath = "spring.html";

// Crie uma instância de um documento HTML
var document = new Aspose.Html.HTMLDocument(documentPath);

// Aqui criamos um seletor CSS que extrai todos os elementos cujo atributo 'class' é igual a 'square2'
var elements = document.QuerySelectorAll(".square2");

// Iterar sobre a lista de elementos resultante
foreach (Aspose.Html.HTMLElement element in elements)
{
    // Defina o atributo de estilo com a nova propriedade background-color
    element.Style.BackgroundColor = "#b0d7fb";
}

// Salve o documento HTML em um arquivo
document.Save(savePath);

Explore Aspose.HTML para .NET

Você pode visitar o espaço documentação para explorar diferentes capítulos que abordam diferentes recursos da API.

Obtenha licença gratuita

Você pode avaliar a capacidade total da API solicitando uma licença temporária gratuita.

Conclusão

Neste artigo, você aprendeu como usar seletores CSS considerando os exemplos dos seletores QuerySelector e QuerySelectorAll. Em caso de qualquer dúvida, sinta-se à vontade para nos escrever em fórum.

Veja também

Mesclar arquivos EPUB em C#