DigitalOcean 提供适用于旅程每个阶段的云产品。 使用 价值 200 美元的免费信用额度 开始使用!
通用选择器
是 CSS 中的 *。 实际上是星号字符。 它本质上是一个 类型选择器,它匹配任何类型。 类型指的是 HTML 标签,如 <div>
、<body>
、<button>
,或者实际上任何其他标签。
通用重置中常用到它,例如
* {
margin: 0;
padding: 0;
}
有时使用通用选择器是隐含的。 例如
*.module { }
与
.module { }
完全相同。 实际上,它们的 特异性 是一样的,因为通用选择器本身没有特异性值。
通用选择器也与“通用命名空间”一起使用。 有点奇怪,所以我还是让 这个简单的演示 自行说话。
其他资源
浏览器支持
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
任何 | 任何 | 任何 | 任何 | 任何 | 任何 | 任何 |
我在 wordpress TwentyThirteen 主题中发现了这种样式
[class*="content"]:before
它用于清除浮动
但我不知道这种样式的工作原理。 有谁知道它是如何工作的。
什么是那个 [ ] 符号,请解释一下语法。
我认为它指向任何以“content”开头的类名的元素。
我认为它指向任何类名中包含“content”的元素,例如content-wrap。
这个选择器[class*=”content”] 选择所有类属性值包含content 的元素。例如
1 – hello-content
2 – content-hello
3 – hellocontenthello
我们可以使用[class$=”content”] 选择类属性值以content结尾的元素。例如
1 – hello-content
我们也可以使用[class^=”content”] 选择类属性值以content开头的元素。例如
1 – content-hello
>
rmniytrlykkleryklklernyl