将一个类与不同的HTML元素一起使用

DJC

我试图简化CSS,却无法理解为什么不能将样式应用于同一类的不同元素类型。

例如,下面仅将所有.forum元素设置为海军风格,而其他更具体的样式将被忽略。有没有解决的办法?

编辑http://jsfiddle.net/fWvxs/

的HTML

<h1 class="forum">Forum Header</h1>

    <p class="forum">Forum Content</p>

    <small class="forum">Small deets</small>

的CSS

.forum {
color: navy;
}

.forum h1 {
    text-decoration: underline;
}

.forum small {
    font-size: 2em;
}
国王王

试试这个:

.forum {
  color: navy;
}

h1.forum {
  text-decoration: underline;
}

small.forum {
  font-size: 2em;
}

请注意,您使用了错误的选择器,这.forum h1意味着选择h1which是.forumwhile的后代,这h1.forum意味着选择h1具有class元素forum

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将List <string>与逗号加“ and”一起用于最后一个元素

来自分类Dev

将一个登录表单与两个Devise用户模型和不同的身份验证方法一起使用

来自分类Dev

将gunicorn与asyncio一起使用时,如何满足另一个请求?

来自分类Dev

创建一个大小与另一个Java类一起使用的对象

来自分类Dev

使用CSS / HTML将一个元素移到另一个元素之前

来自分类Dev

使JPanel的paintComponent元素与其中的另一个JPanel一起使用

来自分类Dev

如何将一个UIStoryboard场景与UITableViewController和resultsTableViewController一起与UISearchController一起使用?

来自分类Dev

MySQL计数,将一个表的结果与另一个表一起使用

来自分类Dev

将一个admob帐户与两个Google Play帐户一起使用?

来自分类Dev

将Reactive UI与另一个MVVM框架一起使用

来自分类Dev

将“ LoadfromCollection”与包含另一个列表的列表一起使用

来自分类Dev

html5:使用dl元素将一个人与其学历联系在一起–适当的用法?

来自分类Dev

我可以将一个简单的对象与类映射在一起吗?

来自分类Dev

将动画滚动与另一个ahref函数一起使用

来自分类Dev

与HTML / CSS / JS一起将两个元素一起居中

来自分类Dev

HAML:如何将多行与具有很多类的元素一起使用?

来自分类Dev

使用jQuery将元素与子元素和类一起添加

来自分类Dev

如何通过将每个列表中的一个元素组合在一起,将两个不同对象的列表组合为一个列表?

来自分类Dev

Angular 7-如何将一个组件与不同模块一起使用

来自分类Dev

使用一个函数调用可观察值,将3个不同的可观察值与开关图绑定在一起。导致错误

来自分类Dev

在HTML中将一个元素与另一个元素包装在一起

来自分类Dev

将一个函数与不同的变量一起使用

来自分类Dev

使JPanel的paintComponent元素与其中的另一个JPanel一起使用

来自分类Dev

HAML:如何将多行与具有很多类的元素一起使用?

来自分类Dev

创建一个支持 json 序列化的类以与 Celery 一起使用

来自分类Dev

如何使用 ffmpeg 将一个视频与 2 个不同的视频叠加在一起?

来自分类Dev

将一个元素与不同列的所有其他元素组合在一起 / R

来自分类Dev

在同一元素上使用不同的类将 css 附加到一个类

来自分类Dev

将一个属性名称与采用不同类型的多个构造函数一起使用

Related 相关文章

  1. 1

    将List <string>与逗号加“ and”一起用于最后一个元素

  2. 2

    将一个登录表单与两个Devise用户模型和不同的身份验证方法一起使用

  3. 3

    将gunicorn与asyncio一起使用时,如何满足另一个请求?

  4. 4

    创建一个大小与另一个Java类一起使用的对象

  5. 5

    使用CSS / HTML将一个元素移到另一个元素之前

  6. 6

    使JPanel的paintComponent元素与其中的另一个JPanel一起使用

  7. 7

    如何将一个UIStoryboard场景与UITableViewController和resultsTableViewController一起与UISearchController一起使用?

  8. 8

    MySQL计数,将一个表的结果与另一个表一起使用

  9. 9

    将一个admob帐户与两个Google Play帐户一起使用?

  10. 10

    将Reactive UI与另一个MVVM框架一起使用

  11. 11

    将“ LoadfromCollection”与包含另一个列表的列表一起使用

  12. 12

    html5:使用dl元素将一个人与其学历联系在一起–适当的用法?

  13. 13

    我可以将一个简单的对象与类映射在一起吗?

  14. 14

    将动画滚动与另一个ahref函数一起使用

  15. 15

    与HTML / CSS / JS一起将两个元素一起居中

  16. 16

    HAML:如何将多行与具有很多类的元素一起使用?

  17. 17

    使用jQuery将元素与子元素和类一起添加

  18. 18

    如何通过将每个列表中的一个元素组合在一起,将两个不同对象的列表组合为一个列表?

  19. 19

    Angular 7-如何将一个组件与不同模块一起使用

  20. 20

    使用一个函数调用可观察值,将3个不同的可观察值与开关图绑定在一起。导致错误

  21. 21

    在HTML中将一个元素与另一个元素包装在一起

  22. 22

    将一个函数与不同的变量一起使用

  23. 23

    使JPanel的paintComponent元素与其中的另一个JPanel一起使用

  24. 24

    HAML:如何将多行与具有很多类的元素一起使用?

  25. 25

    创建一个支持 json 序列化的类以与 Celery 一起使用

  26. 26

    如何使用 ffmpeg 将一个视频与 2 个不同的视频叠加在一起?

  27. 27

    将一个元素与不同列的所有其他元素组合在一起 / R

  28. 28

    在同一元素上使用不同的类将 css 附加到一个类

  29. 29

    将一个属性名称与采用不同类型的多个构造函数一起使用

热门标签

归档