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

相关推荐

  • 如何分析Win7蓝屏的解读和应对方案

    近期,深信服接到不少客户咨询关于Win7蓝屏大爆发的问题,大概内容指“Win7服役结束,微软不再更新补丁,电脑集体蓝屏,错误代码为F4,蓝屏与漏洞补丁有关联等等,并呼吁用户不要修复漏洞补丁”。 不过,从深信服收集上来的问题来看,并没有出现企业大规模Win7蓝屏的现象。我们通过追溯,发现比较早出现这一…

    2022年9月6日
    5700
  • 如何进行Apache Solr JMX服务RCE漏洞复现

    0x00简介 Solr是一个独立的企业级搜索应用服务器,它对外提供类似于Web-service的API接口。用户可以通过http请求,向搜索引擎服务器提交一定格式的XML文件,生成索引;也可以通过Http Get操作提出查找请求,并得到XML格式的返回结果。 该漏洞源于默认配置文件solr.in.s…

    2022年9月13日
    7300
  • mysql中delete in子查询不走索引问题怎么解决

    问题复现 MySQL版本是5.7,假设当前有两张表account和old_account,表结构如下: CREATE TABLE `old_account` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT ‘主键Id’, `name` varchar(2…

    2022年9月10日
    12300
  • thinkpad怎么重装系统

    thinkpad重装系统时需要按“F12”或者“Fn+F12”快捷键;重装系统通常需要设置bios从指定的系统盘启动,ThinkPad笔记本电脑基本上都支持启动热键,也就是说可以通过快捷键选择从U盘或光盘启动。 本教程操作环境:windows10系统、ThinkPad T14电脑。 thinkpad…

    2022年9月8日
    18300
  • vue组件值变化但不刷新问题怎么解决

    今天分享文章“vue组件值变化但不刷新问题怎么解决”,主要从:组件值变化但不刷新强制组件刷新、bug复现、解决等几个方面为大家介绍,希望能帮到您。 组件值变化但不刷新强制组件刷新 在调用组件的时候,如果数据中只是某个属性变化(比如id)变化,在vue开发工具中看到变量值变化,但是组件上的数据就是不刷…

    2022年6月29日
    64200
  • word竖排文字如何设置居中

    word竖排文字设置居中的方法: 1、首先我们点击顶部“插入”工具栏。 2、然后选择下面的“文本框” 3、接着选择“绘制竖排文本框” 4、这样画一个文本框,在其中打字就是竖排的了。 5、输入完成后,右键文本框,选择“设置文本框格式” 6、最后在其中选择“居中”并保存即可设置竖排文字居中。 感谢各位的…

    2022年9月1日
    10600
  • Input标签自动校验功能去除怎么实现

    自动校验 注:以下输入框包含input、textarea 事情是这样的,上个星期,接到了一个需求,要求去除掉项目中的输入框的自动拼写检查功能,也就是下图出现的红线,这个检查是浏览器自带的 解决方法 其实是有解决方法的,而且也不难,很简单,只需要在输入框标签上加上一个属性spellcheck=fals…

    2022年9月20日
    11200
  • 电脑0xc06d007e如何解决

    0xc06d007e修复方法: 方法一: 1、首先,如果我们是在开启一些图像处理软件或是播放器软件时才会出现问题。 2、那么就可能是因为电脑缺少了Windows Media player软件。 3、下载安装完成后,大家可以尝试再去打开软件,如果打不开的话再尝试下面的方法。 方法二: 1、如果上面的方…

    2022年9月18日
    25800
  • Redis的内存淘汰策略和过期删除策略的区别是什么

    前言 Redis 是可以对 key 设置过期时间的,因此需要有相应的机制将已过期的键值对删除,而做这个工作的就是过期键值删除策略。 Redis 的「内存淘汰策略」和「过期删除策略」,很多小伙伴容易混淆,这两个机制虽然都是做删除的操作,但是触发的条件和使用的策略都是不同的。 过期删除策略 Redis …

    2022年9月6日
    8200
  • windows KB4523205安装失败如何解决

    根据不同情况,小编为大家准备了三种解决方法 第一种方法: 更新升级最新的.net framework(目前是4.8版本) 第二种方法: 1.点击开始按钮>输入cmd>右键点击搜索结果中的“命令提示符”>以管理员身份运行 2.在打开的命令提示符窗口中运行: n…

    2022年9月1日
    5400
联系我们
关注微信
关注微信
分享本页
返回顶部
PingCode 比 Jira 更好用的研发管理工具。免费试用