html - 带有 CSS 的 html 页面中的基本样式
问题描述
我想先说这个网站是强烈推荐的,我的教授推荐它来帮助“自学”。我的问题可能非常简单,如果它看起来像是“浪费空间”,我深表歉意。我正在做一项作业,需要使用 HTML 和 CSS 在 vim 中创建可提交的正常功能表单,以便在课程服务器上进行样式设置。
我已经按原样布置了所有内容,但是,我在正文中有多个标签(“名字”/“姓氏”“班级年份选择框”/“地址”/“城市”/和“电子邮件”。第一个姓名、姓氏和电子邮件都是我试图将其设置为“红色文本”以表示这些是必填字段。
我将代码设置到提交表单所需的位置,但我无法弄清楚如何在标题中设置样式,以便区分哪些标签需要为“红色”。就像现在一样,当我在标题中插入“标签{颜色:红色;}文本颜色?我尝试在标签输入中插入数字来表示需要红色文本颜色的不同标签,但它会将其应用于表单上的所有文本。
无论如何,是否可以将识别功能正确添加到标签中以仅允许所选标签为红色?
感谢任何反馈,如果这对经验丰富的编码人员/开发人员来说是浪费时间来回答这个问题,我再次道歉。任何输入表示赞赏。
解决方案
在您的 HTML 文件中,为您要单独定位的每个标签添加一个类,例如
<span class="label firstName">Joe</span>
在你的 CSS 定位这个类并按照你想要的方式格式化,例如
.firstName {color: #f44336;}
这将使用 firstName 类定位您的标签,并将文本着色为 RED。
推荐阅读
- python - Python IF 语句与 Communicate() 函数
- javascript - Node.js - 试图理解单例
- c# - 如何在 Windows 上调试 .NET Core 3 崩溃
- c - 写入内核中的页面映射 dmas
- css - 用户代理样式显示为被覆盖,但是当页面呈现时,它不是
- c# - WPF 监视属性更改
- android - 将 EditText 中的 int 类型变量插入 Android 中的 SQL 数据库
- html - 已经使用 :nth-child 时,将 CSS 样式应用于类型的第一个元素
- apache-kafka - Flink Kafka 连接器到 eventthub
- javascript - Cypress: same tests that pass in browser fail in headless mode due to timeout