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选择器可以是标签的名字吗,发布者:亿速云,转载请注明出处:https://worktile.com/kb/p/28682

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
亿速云的头像亿速云认证作者
上一篇 2022年9月22日 下午9:54
下一篇 2022年9月22日 下午9:55

相关推荐

  • MySQL乐观锁和悲观锁如何实现

    锁分类 MySQL的中锁按照范围主要分为表锁、行锁和页面锁。其中myisam存储引擎只支持表锁,InnoDB不仅仅支持行锁,在一定程度上也支持表锁。按照行为可以分为共享锁(读锁)、排他锁(写锁)和意向锁。按照思想分为乐观锁和悲观锁。 表结构 下面的SQL语句是表的结构: CREATE TABLE `…

    2022年9月8日
    55300
  • .json文件有什么作用

    “.json”是用来存储简单的数据接口和对象的文件;json是一种轻量级的数据交换格式,基于ECMAScript的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据,用于许多web应用程序来进行数据交换。 本教程操作环境:windows10系统、DELL G3电脑。 .json是什么文件 .…

    2022年9月2日
    90900
  • WordPress插件WooCommerce任意文件删除漏洞怎么解决

    技术细节 WordPress的权限处理机制主要是通过给不同角色提供不同的功能来实现的,当商铺管理员角色被定义之后,它便会给这个角色分配edit_users功能,这样他们就可以直接管理商铺的客户账号了。整个权限分配过程发生在插件插件饿的安装过程当中。woocommerce/includes/class…

    2022年8月30日
    63000
  • mysql substring()函数如何用

    在mysql中,substring()函数用于截取字符串,可以从字符串从特定位置开始返回一个给定长度的子字符串,语法为“SUBSTRING(字符串,n)”,参数“n”的值需要是一个整数,用于指定子串的起始字符,可以为负值。若参数“n”为负值,则子串的位置起始于字符串结尾的第n个字符,即倒数第n个字符…

    2022年9月26日
    1.6K00
  • Redis三种集群模式是什么

    三种集群模式 redis有三种集群模式,其中主从是最常见的模式。 Sentinel 哨兵模式是为了弥补主从复制集群中主机宕机后,主备切换的复杂性而演变出来的。哨兵顾名思义,就是用来监控的,主要作用就是监控主从集群,自动切换主备,完成集群故障转移。 cluster 模式是redis官方提供的集群模式,…

    2022年9月1日
    69700
  • 怎么用vlookup函数完成图书名称自动填充

    vlookup函数完成图书名称自动填充的方法 名列前茅步,在需要填充的位置输入“=vlookup()” 第二步,选中你依据的查找项目,这里我们选择“图书编号” 第三步,进入编号对照表格,框选需要查找的区域,这里我们选择图书编号和图书名称这两栏。 第四步,查看需要填充的内容列数,这里是2就输入2。 第…

    2022年9月22日
    98000
  • Java Bean转Map的坑怎么解决

    一、背景 有些业务场景下需要将 Java Bean 转成 Map 再使用。 以为很简单场景,但是坑很多。 二、那些坑 2.0 测试对象 import lombok.Data;import java.util.Date;@Datapublic class MockObject extends Mock…

    2022年9月15日
    87900
  • windows todesk远程软件安全吗

    todesk远程软件安全吗: 答:todesk远程软件非常安全。 1、客户端与中心服务器和高速通道集群通讯都采用高强度AEAD(Authenticated Encryption with Additional Data) xchacha20-ietf-poly1305算法。 2、在用户完成远程连接后…

    2022年9月20日
    1.2K00
  • PDF转Word SDK效果对比

    Hello 大家好,我是小瘪三。我们打工人平时办公免不了要对一些文档格式行转换。我们将探讨几款主流的 PDF 转 Word SDK,分析它们在我们打工人的实际工作中所呈现的优势与劣势。 Solid:老牌的 PDF to Office 转档库,有几十年的积累。 Aspose: 支持非常多的文件格式互转…

    2023年8月31日
    44900
  • MySQL读写分离基本原理是什么

    一、读写分离工作原理 在一些大型网站业务场景中,单台数据库服务器所能提供的并发量已经无法满足业务需求,为了满足这种情况,一般而言是通过主从同步的方式来同步数据,在此基础上,通过读写分离来提升数据库的并发和负载能力。 一般而言,业务场景下对数据库的查询操作要远远高于增、删和改,并且读操作对数据库的影响…

    2022年9月13日
    57100
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部