css选择器可以是标签的名字吗

本文讲解"css选择器可以是标签的名字吗"，希望能够解决相关问题。

可以是；元素选择器就是使用HTML标签名的。在css中，元素选择器就是通过HTML页面的元素（标签）名定位具体HTML元素，语法结构为“元素名 {属性:属性值;}”；如果元素选择器单独使用的话，会定位当前HTML页面中所有该元素名的元素。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css选择器可以是标签的名字。在css中，元素选择器就是使用HTML标签名的。

css 元素选择器

元素选择器 又称为 类型选择器，它是通过HTML页面的元素名定位具体HTML元素。如果类型选择器单独使用的话，会定位当前HTML页面中所有该元素名的元素。

语法结构如下所示：

元素名 {  
  属性:属性值;  
 }

值得注意是：元素选择器的元素名是不区分大小写的。

示例代码如下：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>类型选择器</title>
    <style>
        /* 选择标签名为 h2 的元素，设置字体的颜色为红色 */
        h2 {
            color: lightcoral;
        }
		/* 选择标签名为 div 的元素，设置背景的颜色为红色 */
		div {
			background-color: lightcoral;
		}
    </style>
</head>

<body>
    <h2>一级标题</h2>
    <h3>二级标题</h3>
	<div>sdfgs</div>
	<div>123</div>
	<p>123</p>
	<div>456</div>
	<div>456</div>
</body>

</html>

css选择器可以是标签的名字吗

元素选择器的优点

  • 代码变少了。之前要为每个p标签编写CSS代码，现在只需要在头部写一行。

  • 更好维护了。之前如果要修改颜色，需要把每个p标签style内的代码进行修改，现在只需要修改头部这一处。

  • 代码更清晰。之前CSS和HTML代码其实是混在一起的，不好区分。使用选择器后，CSS代码全部集中于头部，很明显更好区分，更加清晰了。

关于 "css选择器可以是标签的名字吗" 就介绍到此。希望多多支持编程宝库。

本文讲解"css中id选择符的标识是哪个"，希望能够解决相关问题。在css中，id选择符的标识是“#”，可以为标有特定id属性值的HTML元素指定特定的样式，语法结构“#ID值 {属性 : 属性值;}”。ID ...