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 的优势和巧妙用法。

优势：

在Web开发的江湖中，CSS就像是一位魔术师，它用神奇的选择器和属性，让网页从平淡无奇变得绚丽多彩。今天，就让我们一起揭开CSS的神秘面纱，看看它是如何让我们的网页“舞动起来”的！

首先，让我们聊聊CSS选择器。你知道吗？选择器就像是CSS的“眼睛”，它能帮助我们精准地找到需要打扮的HTML元素。从简单的元素选择器到复杂的属性选择器，每一种都像是在说：“嘿，找到你了！现在，让我们来变个魔术吧！”

样式规则

CSS样式表由样式规则组成，这些规则由浏览器解释，然后应用于文档中的相应元素。样式规则由三部分组成：

• 选择器selector - 选择器是一个HTML标记，在该标记上应用样式。这可以是任何标记，如h1或table等。
• 属性property - 属性修饰HTML标记，所有的HTML属性都被转换成CSS属性。它们可以是颜色、边框等。

1 、元素或组选择器

这是在CSS中使用的最基本的选择器之一。元素选择器允许您选择所有具有相同指定元素名称的元素并为其指定样式。如果有多个具有相同样式定义的元素，则可以将所有元素分组

• 样式应用于所有元素。这样，您就可以最小化代码，因为您不必为每个元素使用类。
• 示例1： 在这里，页面上的所有段落都将右对齐，文本颜色为黄色

p {

text-align: right;

CSS3在CSS2基础上，增强或新增了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。

CSS3的现状

• 浏览器支持程度不够好，有些需要添加私有前缀
• 移动端支持优于PC端
• 不断改进中
• 应用相对广泛

基本选择器

类选择器 .

class属性的值与类选择器一一对应

ID选择器 #

id选择器的名字是唯一的，虽然两个一样的不报错，但不能那么写

上文介绍了如何在网页中使用css及css的常用知识点，今天首先介绍css 的选择器，所谓选择器就是通过一定的规则语法查找html元素节点，只有找到这些元素才能应用样式。

选择器类型

css 选择器从不精确到最精确，可分以下几种：

• 通用选择器 （*）-—— 选择所有元素
• 标签选择器（tag）—— 按 HTML 标记名称定位元素（包括伪元素）