元素选择器语法
css元素选择器选择指定元素名称的所有元素。请看css元素选择器语法分析：
![\"css元素选择器使用方法和实例\"](\"/images/css_element_selector_1069_1.png\")
元素选择器实例
选择所有<p> 元素 :
<!DOCTYPE html>
<html>
<head>
<style>
p
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>Welcome to My Homepage</h1>
<div>
<p id=\"firstname\">My name is Donald.</p>
<p id=\"hometown\">I live in Duckburg.</p>
</div>
<p>My best friend is Mickey.</p>
</body>
</html>
分析：
“p{background-color:yellow;}”表示把页面所有的p元素选中，然后为所有的p元素设置背景颜色background-color为黄色。
在这里我们可以看出，元素选择器就是选择相同的元素，而不会选择其他元素，例如这段代码中的h1元素就没有被选中，因此它们的内容就没有变成黄色。
继续阅读与本文标签相同的文章
上一篇 :
简单介绍css选择器有什么作用
-
他让我国芯片研究停滞13年，还骗走11亿研发资金，现状如何？
2026-05-14栏目： 教程
-
健乐教学机器人可开展的教学实训内容
2026-05-14栏目： 教程
-
5G套餐曝光遭“吐槽”，iphone11受追捧，导致苹果11销量比较高
2026-05-14栏目： 教程
-
为什么修电脑的叫自己不要杀毒和清理垃圾？
2026-05-14栏目： 教程
-
当水乡建筑遇上机器人，成就乌镇又一网红景点
2026-05-14栏目： 教程