首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我不能只更改最后一个h3的字体大小

你好!很高兴成为你的云计算领域专家和开发工程师。对于你的问题,“为什么我不能只更改最后一个h3的字体大小”,我将尝试给出一个完善且全面的答案。

首先,HTML(超文本标记语言)是用于构建网页的标准语言,它由一系列的标签组成。在HTML中,h3标签用于定义HTML文档中的标题,它表示第三级标题。你可以使用CSS(层叠样式表)来控制h3标签的样式,包括字体大小。

然而,你不能只更改最后一个h3标签的字体大小是因为CSS的样式定义是基于选择器的。选择器用于选择要应用样式的HTML元素。在你的问题中,并没有提到你想要通过什么样的选择器来选中最后一个h3标签。如果你只是通过“最后一个h3”来选择,那么这是一个无效的选择器,无法实现你的需求。

要想只更改最后一个h3标签的字体大小,你可以使用一些JavaScript来实现。你可以使用JavaScript查询并选中文档中的所有h3标签,然后通过修改最后一个h3标签的样式来改变字体大小。

下面是一个示例的JavaScript代码,用于改变最后一个h3标签的字体大小:

代码语言:txt
复制
var h3Tags = document.getElementsByTagName("h3");
var lastH3Tag = h3Tags[h3Tags.length - 1];
lastH3Tag.style.fontSize = "20px";

上述代码通过getElementsByTagName方法选中所有的h3标签,然后通过数组索引获取最后一个h3标签,并将其字体大小设置为20像素。

总结起来,不能只更改最后一个h3标签的字体大小是因为CSS样式定义是基于选择器的,你需要使用有效的选择器来选中需要改变样式的HTML元素。如果你只想通过CSS来实现,可以考虑为最后一个h3标签添加一个特定的类名,然后使用该类名来定义样式。或者,你可以使用JavaScript来操作DOM并更改特定元素的样式。

希望这个答案能够帮助你理解为什么不能只更改最后一个h3的字体大小。如果你有任何进一步的问题,欢迎继续提问!

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

为什么要创建一个不能被实例化

但如果有一天,你发现写了这样一个类: class People: def say(self): print(f'叫做:{self.name}') def __new...一个不能被初始化类,有什么用? 这就要引入我们今天讨论一种设计模式——混入(Mixins)。 Python 由于多继承原因,可能会出现钻石继承[1]又叫菱形继承。...('kingname', 28) pm = People('pm', 25) kingname > pm 显然,这样写会报错,因为两个类实例是不能比较大小: 但在现实生活中,当我们说 某人比另一个人大时...最后,我们对比一下抽象类(Abstract Class)、接口(Interface)和混入(Mixins)区别: 抽象类: 包含一个或多个抽象方法。 允许包含状态(实例变量)和非抽象方法。...混入: 不能包含状态(实例变量)。 包含一个或多个非抽象方法。 参考资料 [1]钻石继承: https://en.wikipedia.org/wiki/Multiple_inheritance

3.4K10

编写模块化CSS:命名空间

在今天这篇文章中,想与大家分享一下为什么只用BEM还是不够,以及如何使用命名空间来弥补一些不足。 为什么BEM不能满足我们 上周给大家展示例子很简单。...此更改表单HTML可能是: ? 并且各自(S)CSS更改是: ? 还有一件事。 注意到了混合了一个对象和组件类在.c-form__button里么?...如果你有一个元素,但决定用.h3来写样式它会发生什么? 接管你代码库一个开发人员可能会遇到一个最初不和他们去“为什么是.h3 和写在一起了?...所以,不是写.h1到.h6样式,给排版类不同前缀,这取决于它们是比我基本font-size大或更小。 以下是一个例子: .t1 - 最大字体大小。 .t2 - 第二大字体大小。...因此,它们通常包含一个属性,并且包含!important声明。 例子如下: ? 刚才在这里说几乎是用于实用类一切。 从来没有发现有了这些类还有做不好事。 唷。

2.7K70
  • rem与em详解

    然后我会讲到为什么你应该使用 em 或 rem 单位。 最后,我们会看看到底哪些典型元素设计,你应该在实际应用中使用哪种类型单位。...这将允许您通过更改 html 元素字体大小,调整你设计,但仍会保留用户浏览器设置效果。 为什么使用 em 单位 em 单位取决于一个font-size值而非 html 元素字体大小。...为此,建议在你标识清楚情况下使用 em 单位。 实际应用 一些 web 设计师之间存在辩论,相信不同的人有不同首选方法,但我建议是,如下所示。...然而,大多数 web 设计中元素往往不会有这种类型要求,所以一般使用 rem 单位字体大小,em 单位在特殊情况下使用。...当元素应该是严格不可缩放时候 在一个典型 web 设计过程中,不会有很多部分不能使用伸缩性设计布局。 不过偶尔你会遇到真的需要使用显式固定值,以防止缩放元素。

    4.6K30

    为什么你永远不应该在CSS中使用px来设置字体大小

    在Josh Collinsworth博客文章“永远不要用px作为字体大小”中,作者讨论了为什么不应该使用像素(px)作为网页字体大小单位[1]。...屏幕使用称为像素彩色光点阵来显示图像。一个像素是显示器上一个彩色光点;硬件能够呈现最小可能“点”。这就是在本节中所说“字面上”、“实际”或“设备”像素;物理世界中一个像素。...2rem 是浏览器字体大小两倍; 0.5rem 是其一半,依此类推。因此,如果用户更改其首选字体大小,如果使用 em 和 rem ,则网站上所有文本都会相应更改,就像应该那样。...个人建议使用 rem 来设置所有的大小。在想要与当前字体大小成比例东西(例如,与一些文本旁边图标应该与字符高度完全相同,并且在一侧有半个字符情况)中添加 em 。...然而,当我将默认字体大小设置得更大时,媒体查询没有响应,因为它们仍然查看屏幕像素宽度。因此,仍然有一个微小侧边栏,里面塞满了难以辨认巨大文本,因为没有考虑用户偏好。

    1.7K20

    Vue 学习笔记 —— 组件化开发 (三)

    接下来我们以一个改变字体大小 以及 传递数组实例来给给大家演示子组件向父最贱传递数据流程 body> html> 2.4 非父子组件间传值 (兄弟组件之间数据交互) 通过事件中心完成交互 使用方式: 单独创建一个 Vue 实例 然后处理事件监听 和 销毁 // 单独创建时间中心管理组件间通信...="utf-8"> 组件化开发title> head> 没有通过 slot,进不来h3...> test-box> 通过 slot 插入进来了h3> alert-box> div> <script src="...使用方式: 在子组件中设置 slot,并自定义<em>一个</em>属性,接收父组件<em>的</em>内容 父组件创建 template,通过设置 slot-scope 就可以接收到子组件<em>的</em>内容 然后得到数据,就可以对数据进行显示了。

    92310

    【CSS】课程网站 网格商品展示 模块制作 ② ( 网格商品展示盒子模型测量及样式 | 处理列表间隙导致意外换行问题 | 代码示例 )

    10 个盒子 , 放在 ul 列表中 , 每个盒子都占用一个 li 列表项 ; 每个列表项盒子 , 必须精准测量 , 一个像素都不能差 , 否则每一行最后一个元素会由于宽度计算不准确导致意外换行 ;..., 会导致最后一个元素掉到第二行 , 这里需要将最后一个元素右边距去掉 ; 解决上述问题有 2 个方案 : 将最后一个元素右边距去掉 ; 将盒子宽度从 1200 像素修改为 1215 像素 ; CSS...15 * 4 = 1200 像素 , 但是最后一个盒子右侧添加 15 像素右边距地话 , 会导致最后一个元素掉到第二行 , 这里需要将盒子宽度从 1200 像素修改为 1215..., 其中间隙 15 像素 228 * 5 + 15 * 4 = 1200 像素 , 但是最后一个盒子右侧添加 15 像素右边距地话 , 会导致最后一个元素掉到第二行 ,..., 其中间隙 15 像素 228 * 5 + 15 * 4 = 1200 像素 , 但是最后一个盒子右侧添加 15 像素右边距地话 , 会导致最后一个元素掉到第二行 ,

    2.4K20

    《精通CSS》第4章 网页排版

    所以当我们修改默认font-size大小时,相应元素大小也会随之调整。 不过这样做会有一个问题,元素位置会意外改变其字体大小。...我们还可以rem,它也是一个缩放因子,它是相对于根元素字体大小进行缩放。 rem较新,但所有现代浏览器均已支持,只有 ie8 及更早浏览器不支持。...为了兼容,我们可以如下为标题元素声明统一上外边距: h1, h2, h3, h4, h5, h6 { margin-top: 24px; /* 针对老旧浏览器不能缩放后备 */ margin-top...从图中,我们还能看出,当使用 vetical-align 调整元素位置时,会扩展行盒子高度。这也是我们前面为什么说:“当行盒子内有多个行高不等行内盒子时,行盒子最后高度至少等于最高”。...使用这些特性可以使我们网站更有用、更易读、更优美。 那么一款 OpenType 字体到底有哪些特性呢?我们可能是一脸懵逼也不是字体设计者,怎么知道某款字体有没有某种特性呢?

    1.4K20

    【CSS】课程网站 网格商品展示 模块制作 ① ( 网格商品展示模块盒子模型测量及样式 | 顶部文本标题盒子测量及样式 | 代码示例 )

    { /* 文本左浮动 */ float: left; /* 设置字体大小和颜色 */ font-size: 20px; color: #494949; /* 取消标题加粗样式, 也可以使用...-- 顶部标题 --> 课程表 <!...{ /* 文本左浮动 */ float: left; /* 设置字体大小和颜色 */ font-size: 20px; color: #494949; /* 取消标题加粗样式, 也可以使用...float: left; /* 名字与头像间隔 6 像素 */ margin-left: 6px; } /* Banner 条样式 */ .banner { /* 宽度自动填充整个浏览器, 这里设置高度...*/ .subnav li a { /* 默认情况下为白色 */ color: #fff; /* 字体大小 14 像素 */ font-size: 14px; /* 取消链接下方下划线 *

    4.3K40

    mdnice序号自动排序之雁栖湖主题

    Part1为什么主题叫做雁栖湖 这个主题之所以取名雁栖湖,是因为一篇文章:权威发布||2016年中国科学院大学大数据 1中国科学院大学 就读于中科院计算所,所以在研一时候统一在中国科学院大学雁栖湖校区上课...,当时恰巧国科大官方微信团队老师在找学生帮忙,就报名了美编工作 国科大图片1 ?...2雁栖湖 雁栖湖是一个很美的地方,2014年APEC峰会就在雁栖湖畔举办 ?...Part2美编生涯 3为什么做美术编辑 研一时候,国科大官微有几个岗位,分别是主编、校对和美编,本人写稿件不太行,校对又感觉太无趣,为了提升审美能力,于是去做了美编 4排版文章 权威发布||2016...年中国科学院大学大数据这篇文章当时是排版,内容很好,阅读量很高,这个主题就是模仿这个而做 故而取名为雁栖湖主题 鉴于今天是愚人节,该主题明天发布 (是真的实现了!!!)

    68930

    Deepin 安装及使用Rime输入法--中州韵输入法

    为什么使用它 正如作者所说那样,一个输入法不应该只是通过界面的点击就能够简单设置一些操作。而是应该可以根据每个人使用习惯进行定制,包括每个按键、快捷键、符号。...所以被放弃了,本来是从 fcitx 过来,结果… fcitx-rime 用着还算可以,没什么大问题。只是没有找到更改主题跟字体大小方法,每次更改字体大小,重启或注销后又会恢复原样。...这里也是可以更改字体大小,不过环境重启会失效。...无法更改皮肤 只能使用 fcitx 默认皮肤,这个目前没有办法,网上有制作皮肤放到 fcitx/skin/ 里,但有反馈说并不能加载出来。...需要自行实验 推荐一个在线皮肤定制工具,不需要自己写配置,只需要选择色彩搭配即可链接 如果有解决方法可以评论指教下,十分感谢。 如果有疑问也可以联系,互相帮助。

    4.5K20

    为什么不应该重写 service 方法?

    先来看一个具体例子: 当时正在osc看红薯一篇大作,只见我右手F12熟练打开了chrome开发者工具,左手迅猛按了几下F5,然后看到了这个结果。...一切从代码里面来,我们先抛开理论,看一个具体code: 编写了一个index.html,如下: I'm a test page ....(见图一) 浏览器也很聪明,当你再次(点击链接,或者F5,或者回车,但是不能是ctrl+F5)请求这个资源时,浏览器会询问server这个资源自上次告诉最后修改时间以来有没有被修改(请求头中If-Modified-Since...很惊人吧,这只是一个页面,别忘了,我们还假设所有的用户都访问一次,你想想osc上面有多少篇博文,加起来…… 流量是什么,是银子啊。...好了,如果你有耐心看到这里,想你也许会对service有了新理解,为什么我们不应该重写这个方法。 万事有例外,如果你需要实现一个前端控制器的话,就是另外一回事了,这留给大家自己思考。

    19530

    为什么不应该重写service方法?

    先来看一个具体例子: 当时正在osc看红薯一篇大作,只见我右手F12熟练打开了chrome开发者工具,左手迅猛按了几下F5,然后看到了这个结果。 ? ?...一切从代码里面来,我们先抛开理论,看一个具体code,编写了一个index.html,如下: I'm a test page ....(见图一) 浏览器也很聪明,当你再次(点击链接,或者F5,或者回车,但是不能是ctrl+F5)请求这个资源时,浏览器会询问server这个资源自上次告诉最后修改时间以来有没有被修改(请求头中If-Modified-Since...很惊人吧,这只是一个页面,别忘了,我们还假设所有的用户都访问一次,你想想osc上面有多少篇博文,加起来…… 流量是什么,是银子啊。...好了,如果你有耐心看到这里,想你也许会对service有了新理解,为什么我们不应该重写这个方法。 万事有例外,如果你需要实现一个前端控制器的话,就是另外一回事了,这留给大家自己思考。 结束

    45220

    为什么不应该重写service方法?

    先来看一个具体例子: 当时正在osc看红薯一篇大作,只见我右手F12熟练打开了chrome开发者工具,左手迅猛按了几下F5,然后看到了这个结果。 ? ?...一切从代码里面来,我们先抛开理论,看一个具体code,编写了一个index.html,如下: I'm a test page ....(见图一) 浏览器也很聪明,当你再次(点击链接,或者F5,或者回车,但是不能是ctrl+F5)请求这个资源时,浏览器会询问server这个资源自上次告诉最后修改时间以来有没有被修改(请求头中If-Modified-Since...很惊人吧,这只是一个页面,别忘了,我们还假设所有的用户都访问一次,你想想osc上面有多少篇博文,加起来…… 流量是什么,是银子啊。...好了,如果你有耐心看到这里,想你也许会对service有了新理解,为什么我们不应该重写这个方法。 万事有例外,如果你需要实现一个前端控制器的话,就是另外一回事了,这留给大家自己思考。

    39120

    为什么不应该重写 service 方法?

    先来看一个具体例子: 当时正在osc看红薯一篇大作,只见我右手F12熟练打开了chrome开发者工具,左手迅猛按了几下F5,然后看到了这个结果。 ? ?...一切从代码里面来,我们先抛开理论,看一个具体code: 编写了一个index.html,如下: I'm a test page ....(见图一) 浏览器也很聪明,当你再次(点击链接,或者F5,或者回车,但是不能是ctrl+F5)请求这个资源时,浏览器会询问server这个资源自上次告诉最后修改时间以来有没有被修改(请求头中If-Modified-Since...很惊人吧,这只是一个页面,别忘了,我们还假设所有的用户都访问一次,你想想osc上面有多少篇博文,加起来…… 流量是什么,是银子啊。...好了,如果你有耐心看到这里,想你也许会对service有了新理解,为什么我们不应该重写这个方法。 万事有例外,如果你需要实现一个前端控制器的话,就是另外一回事了,这留给大家自己思考。

    40620

    CSS常见样式(一)

    补充:如果想让一个元素可以设置宽度高度,又让它以行内形式显示,我们可以设置display值为inline-block。 2、什么是 CSS 继承? 哪些属性能继承,哪些不能?...但是这种方法存在一个问题,当用户在浏览器中浏览我们制作 Web页面时,他改变了浏览器字体大小(虽然一般人不会去改变浏览器字体大小),这时会使用我们Web页面布局被打破,这时就提出了使用“em”来定...在使用“em”作单位时,一定需要知道其父元素设置,因为“em”就是一个相对值,而且是一个相对于父元素值。...3、rem是CSS3新增一个相对单位,是指根元素(root element,html)字体大小。...这个单位可谓集相对大小和绝对大小优点于一身,通过它既可以做到修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合连锁反应。目前,除了IE8及更早版本外,所有浏览器均已支持rem。

    1.7K30

    让你专属博客更加漂亮

    强制https访问网站 github pages默认情况下是http访问,有时候http会被浏览器标识为不安全。因此,需要更改github pages设置,强制https访问网站。...,可通过修改/source/css/_variables/base.styl 中font-size-base,这是修改除标题以外其他内容字体大小。...code-font-size修改代码字体大小。 font-family-base 修改字体 修改链接样式 原先链接样式只有下划线,颜色并无特别之处,因此修改链接样式为传统样式。效果: ?...修改tag标签 默认tag标签符号是一个井号,我们需要更换为tag图标。...RSS订阅 安装插件并修改配置文件即可: npm install hexo-generator-feed --save 添加打赏功能 修改配置文件 reward_comment: 坚持原创技术分享,您支持将鼓励继续创作

    72150

    WordPress SEO:配置Yoast和添加内容目录

    本系列教程将介绍丰富摘录,介绍Google精选摘录,速度优化,图像优化,点击率,本地SEO,以及为什么总是迷恋Yoast绿灯不好,因为它可能会引起关键字堆砌问题。...为什么把添加目录排在第一名 鼓励长内容(目标为3,000多个单词) 访客可以访问到你文章特定部分 访客可以浏览内容并找到所需内容 人们会在页面上四处点击(适用于SEO) 使用命名锚点获得跳转链接机会...id="item-one">Item One Item Two Item Three 建议你使用...是通过Yoast SEO教程做到这一点,一周之内,每天有10到100多个访客!现在,创建冗长(详细)教程,并通过在内容目录中编写关键主题来开始每个教程,做起来像梦一样工作。 ?...最后修改时间: 看起来像这样… ? 导致… ? 8.

    1.4K10

    为什么用 JavaScript 来编写 CSS

    作为替代,用 JavaScript 编写了所有的 CSS。 知道你在想什么:“为什么有人会用 JavaScript 编写 CSS 呢?!” 这篇文章就来解答这个问题。...开发者们已经创建了不同风格 CSS-in-JS。迄今为止最受欢迎,是和他人共同开发一个叫做 styled-components 库,在 GitHub 上有超过 20,000 颗星。...) 复制代码 这会在 DOM 里渲染一个字体大小为 18px 浅紫红色 : ? 为什么喜欢 CSS-in-JS? 主要是 CSS-in-JS 增强了信心。...可以在不产生任何意外后果情况下,添加、更改和删除 CSS。对组件样式更改不会影响其他任何内容。如果删除组件,也会删除它 CSS。不再是增不减样式表了!...不能指望所有团队成员,特别是初级成员,对 CSS 有着百科全书般理解。最重要是,截止日期还可能会影响质量。

    1.3K50
    领券