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

在 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路径，该路径用于针对当前打开网页的写值、点击、取值等等操作。本章将介绍自动选取工具的使用方法。

工具标识

css既是层叠样式表，通过它可以装饰html网页，使其变漂亮，而怎么变呢？就要通过css选择器了，选择html标签再设置其属性及其属性值就OK啦

一 单一选择器

1、标签选择器（元素选择器）：标签{}

CSS:<style>P{color：red} <style>

HTML:<P>测试</P>

了解过前端知识的人，应该对css熟悉。它是用于给html页面添加样式和布局的，css的定位包括class,ID选择器，元素属性选择器和伪类等。其实selenium的css定位跟页面的css语法非常的像，有点异卵双胞胎的意思，为啥不是同卵双胞胎呢？因为它们之间还是有点区别的。现在我们来具体学习下。

CSS选择器和jQuery选择器确实有很多相似之处，但也存在一些独有的用法和拓展。下面我将详细说明各种常见的选择器，并给出CSS和jQuery中的使用示例。

1 基本选择器

在 CSS 中，attribute selectors（属性选择器）是一种强大的选择器类型，它们允许你根据 HTML 元素的属性值来选择元素。这使得 CSS 能够与 HTML 结构更加紧密地结合，从而为你的网站或应用程序提供更多的自定义功能和展示选项。在这篇文章中，我们将深入探讨 attribute selectors 的优势和巧妙用法。

优势：