html - CSS:如何处理特定标签

标签 html css xhtml

我刚开始学习 CSS(和 XHTML),我遇到了为具有相同标签名称的标签分配不同属性的问题。

例如:我有两个 h3 标题,但我想使用 CSS 专门解决它们,因为我想让它们具有不同的颜色。

我相信这与以不同方式命名 header (即 h3.a)有关,但尝试这样做没有用。帮助将不胜感激!

最佳答案

除标签名称CSS外,还可以通过Class和ID来应用。请注意,最好确保标签中的大小写与标签中的大小写相匹配。

.myClass 可能不适用于 class="myclass"

ID:

<style>
#FirstHeading {color: red;}
#SecondHeader {color: blue;}
</style>

<h3 id="FirstHeading"></h3>
<h3 id="SecondHeader"></h3>

类: .redHeading {颜色:红色;} .blueHeader {颜色:蓝色;}

<h3 class="redHeading"></h3>
<h3 class="blueHeader"></h3>

ID 的目的通常是指向页面中的一个特定元素,类旨在与多个不同的元素一起使用

类也可以组合,因此您不需要将所有样式加载到一个类中。

<style>
.redHeading {color: red;}
.blueHeader {color: blue;}
.boldHeader {font-weight: bold;}
</style>

<h3 class="redHeading boldHeader"></h3>
<h3 class="blueHeader boldHeader"></h3>

关于html - CSS:如何处理特定标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8523114/

相关文章:

javascript - JS : check if browser supports focus options

javascript - 如何使用 JQuery 仅获取 'clip' CSS 属性中的一个参数?

html - 元标记中的长属性

javascript - 带有左右箭头的文本框-Ionic4

html - Margin-Top 将外部 div 向下推

jquery - 无法使 jQuery 函数正常工作

css - bootstrap 3 中列之间的间距相同

html - "decorated"框/按钮的首选方式

javascript - 了解 HTML 中文本行的宽度以用于自动换行和其他应用程序

html - 创建一个只向任一方向 float 的类有什么好处?