Вы можете применять разные правила к правилам CSS, используя селекторы CSS. В этой статье объясняются подробности, а также приводятся примеры методов QuerySelector и QuerySelectorAll. Вы можете использовать эти селекторы CSS для навигации по документам HTML или для создания шаблона поиска для сопоставления элементов в документе HTML.
- Использование селекторов CSS в HTML — установка C# API
- Использование CSS-селектора QuerySelector в C#
- Работа с селектором CSS QuerySelectorAll в HTML с использованием C#
Использование селекторов CSS в HTML — установка C# API
Aspose.HTML for .NET API можно использовать для создания, редактирования, манипулирования или преобразования HTML-документов, а также некоторых других форматов файлов. Вы можете легко настроить его, загрузив эталонный DLL-файл из раздела Загрузки или выполнив следующую команду установки NuGet:
PM> Install-Package Aspose.Html
Использование CSS-селектора QuerySelector в C#
Вы можете стилизовать выбранный элемент или перемещаться по файлу HTML с помощью метода QuerySelector. Следующие шаги объясняют, как стилизовать выбранный элемент, соответствующий селектору:
- Создайте экземпляр класса 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");
Работа с селектором CSS QuerySelectorAll в HTML с использованием C#
Иногда вам может потребоваться обработать все вхождения элемента. Для работы с CSS-селектором QuerySelectorAll выполните следующие действия:
- Загрузите входной HTML-файл с классом HTMLDocument.
- Создайте селектор 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);
// Здесь мы создаем селектор CSS, который извлекает все элементы, атрибут «class» которых равен «square2».
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 на полную мощность, запросив бесплатную временную лицензию.
Заключение
В этой статье вы узнали, как использовать селекторы CSS, рассматривая примеры селекторов QuerySelector и QuerySelectorAll. В случае возникновения вопросов, пожалуйста, пишите нам на форум.