Xpath选择器

1、Xpath语法简介

前面我们学习了CSS选择元素。

大家可以发现非常灵活、强大。

使用 CSS 的:not()伪类选择器和:nth-child()伪类选择器

要通过CSS的代码选择某一个元素的除了第一个子元素外的其余的跟第一个子元素同级的子元素，可以结合使用CSS的:not()伪类选择器和:nth-child()伪类选择器进行选择。大致的语法如下：

一、CSS选择器

1. 根据选择器类型可分为

在网页设计中，选择器用于选择 HTML 元素。类选择器（class selector）是 CSS 中用于选择具有特定类名的元素的有效工具。它们允许您按照类名对元素应用样式。

了解类选择器

类选择器是利用类名来选择 HTML 元素的 CSS 选择器。它们以 period (.) 开头，并跟随类名的名称。例如：

css

一、一般兄弟选择器的定义

在 CSS 中，一般兄弟选择器用于选择拥有相邻文档树级别但不是直接子或父元素之间的元素。它们以相邻符号 (+) 表示。

二、一般兄弟选择器的语法

一般兄弟选择器的语法如下：

css

element + sibling {}

CSS是前端重要的组成部分，它能帮助我们通过选择器给标签添加各种样式效果。大家可能工作中最常用的选择器都是id、class以及标签选择器，但是当面对一些复杂的项目场景时，仅仅用这几个基础选择器去操作就会很麻烦。为了在开发中更加得心应手，本文我们就来看看CSS中的选择器都有哪些以及如何去灵活运用。

1. !important

.Box {
color: red !important;
}

在初识CSS第一天的时候学到了css选择器，知道了大体分为基础和复合两种选择器。当时详细了解并掌握了基础选择器中的标签选择器、类选择器、ID选择器和通配符选择器四种。那么今天先简单了解一下复合选择器吧。

CSS复合选择器

复合选择器是指对两个或多个基础选择器进行组合形成的。

作用：可以更准确高效地选择目标元素。

CSS中两个类选择器写在一起

一、CSS层叠样式表设计当中，两个类选择器写在一起，那么如果这两个类选择器之间没有使用英文的“,”隔开，而是使用空格，那么一般表示的是选择第一个类选择器的子元素中类名为第二个类选择器的所有元素，即这两个类选择器一般是父、子元素（或后代元素）的递进关系，目的是为了更精确地选择到HTML的元素，比如.A .B就可以选择A类中的B类元素，而不是所有的B类元素（A类元素之外可能还有B类元素）。

使用自动选取工具获得网页中指定元素的css或xpath路径，该路径用于针对当前打开网页的写值、点击、取值等等操作。本章将介绍自动选取工具的使用方法。

工具标识