CSS * 通配符选择器

由网友 大卫 发布 阅读 7

CSS * 通配符选择器

完整CSS选择器参考手册

在线示例

使用通配符“*”,选择所有元素,并设置其背景颜色和文字样式:

<!DOCTYPE html>
<html>
<title>大卫编程网(div.cn)</title>
<head>
<style>
*
{
background-color:green;
color:white;
}
</style>
</head>
<body>
<h1>欢迎来到大卫编程网(www.div.cn)</h1>
<div class="content">
<p class="website">我们的网址是:www.div.cn.</p>
<p class="sitename">我们的网站名称是:大卫编程网.</p>
</div>
<p>我们为您提供各种大卫编程网学,学好基础,你才能走的更远!</p>
</body>
</html>
测试看看 ‹/›

定义和用法

通配符“*”选择器选择所有元素。

通配符“*”选择器也可以选择另一个元素内的所有元素:

在线示例

选择<div>元素内的所有元素:

<!DOCTYPE html>
<html>
<title>大卫编程网(div.cn)</title>
<head>
<style>
div *
{
background-color:green;
}
</style>
</head>
<body>
<h1>欢迎来到大卫编程网(www.div.cn)</h1>
<div class="content">
<p class="website">我们的网址是:www.div.cn.</p>
<p class="sitename">我们的网站名称是:大卫编程网.</p>
</div>
<p>我们为您提供各种大卫编程网学,学好基础,你才能走的更远!</p>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持*选择器。

完整CSS选择器参考手册

CSS3 [attribute^=value] 选择器 CSS [attribute|=value] 选择器