常见的css选择器有哪些

哦，当谈到 CSS 选项时，我有很深的感受。
我记得刚开始时，我对前端必须选择的一组符号感到困惑。
现在回想起来，我曾走过许多峡谷。

那年我在北京，在一个项目中需要使用ID选择器。
因此，我编写了一个类选择器，它会导致页面上包含类名称的所有元素更改其样式。
我很头疼。
后来我发现我需要在ID选择器前面添加一个井号，在类选择器前面添加一个点。

还有一次，我正在上海的一个网站上工作，需要使用属性选择器来过滤具有特定属性值的元素。
当时我写了[title="example"]，包括带有“example”部分的组件；发现所有标题属性中带有“example”的元素都被选中。
后来我把它改成了[title~="example"]，问题就解决了。

我们来谈谈子选择器和分代选择器。
在杭州的一个项目中，需要给一个列表中的所有三级列表添加样式。
结果我就用了生殖选择系统甚至发现一级列表也受到了影响。
后来我意识到，后代选择器是空格分隔的，而子选择器大于 > 符号。

我在组合选择时遇到错误。
有一次在成都的一个网站上，我想为所有带有类名错误的 div 元素添加样式，最终编写了 div.error。
我只选择了 div 元素，但出现了错误“classname does not work”。
后来我发现组合选项必须连接空格。

这些选项可能看起来很复杂，但是使用它们后你会变得更加熟练。
现在想来，这在当时是一个很大的想法。
然而，一旦掌握了这些选项，您就会更轻松地使用 CSS。

css3中属性选择器有哪三种

三个 CSS3 属性选择器：
1 [属性名^=值] 比赛一开始。
示例：a[src^="http"] 锚定：在 2 01 3 年 Web 标准草案中引入。
注意：不要使用太多嵌套层数。

2 [属性名称$=值] 决赛。
示例：a[src$=".pdf"] 对接：Chrome 5 0 正式支持。
注意：不要相信它可以优化性能。

3 [属性名称=值] 包含匹配项。
示例：a[src="4 4 lan"] 对接：兼容 Firefox 4 5 注意：不要做这样复杂的过滤。

实用提醒：优先使用类选择器而不是属性选择器。

css样式有哪几种选择器？

标识符选择器优先级最高，如myid；类选择器具有第二高优先级 - .myclassname；标签选择器 div 的优先级最低。
相邻选择器目标同级，ul+p；子选择器针对嵌套关系，ul>li。

这里有一个问题：过度使用 ID 选择器可能会导致性能问题。

实用提醒：尽量使用类选择器和标签选择器，避免深度嵌套。