编辑这个页面须要登录或更高权限!
使用通配符“*”,选择所有元素,并设置其背景颜色和文字样式:
<!DOCTYPE html> <html> <title>菜鸟教程(cainiaojc.com)</title> <head> <style> * { background-color:green; color:white; } </style> </head> <body> <h1>欢迎来到菜鸟教程(www.cainiaojc.com)</h1> <div class="content"> <p class="website">我们的网址是:www.cainiaojc.com.</p> <p class="sitename">我们的网站名称是:菜鸟教程.</p> </div> <p>我们为您提供各种菜鸟教程学,学好基础,你才能走的更远!</p> </body> </html>测试看看 ‹/›
通配符“*”选择器选择所有元素。
通配符“*”选择器也可以选择另一个元素内的所有元素:
选择<div>元素内的所有元素:
<!DOCTYPE html> <html> <title>菜鸟教程(cainiaojc.com)</title> <head> <style> div * { background-color:green; } </style> </head> <body> <h1>欢迎来到菜鸟教程(www.cainiaojc.com)</h1> <div class="content"> <p class="website">我们的网址是:www.cainiaojc.com.</p> <p class="sitename">我们的网站名称是:菜鸟教程.</p> </div> <p>我们为您提供各种菜鸟教程学,学好基础,你才能走的更远!</p> </body> </html>测试看看 ‹/›
IEFirefoxOperaChromeSafari
所有主流浏览器都支持*选择器。