【问题标题】:CSS selecting only numbers for style [duplicate]CSS仅选择样式的数字[重复]
【发布时间】:2020-10-17 07:23:29
【问题描述】:

在我的网站上,我有一段写着“工作日 10:00 ~ 18:00 /*linebreak/ 周六 10:00 ~ 13:30"

我试图仅将数字格式化为“Courier New”字体,特别是“10:00 ~ 18:00”和“10:00 ~ 13:30”部分。我想将所有其余的(字母文本)设置为“Open Sans”字体。我将如何按照我设想的使用 CSS 的方式设置它的样式?谢谢。

【问题讨论】:

  • 你如何生成这些日期?您可以将其拆分以将小时数设置为span。上课?

标签: css css-selectors web-site-project


【解决方案1】:
Weekdays <span id="time">10:00 ~ 18:00</span>
Saturdays <span id="time">10:00 ~ 13:30</span>

.css

#时间{ font-family : "新快递" }

【讨论】:

  • #id 保留给页面上的唯一元素。如果多个共享相同的样式,它们应该共享相同的.class
【解决方案2】:

如果要为整个网站设置“Open Sans”字体,请为body标签设置它

body { font-family: "Open Sans" } 

然后根据您的情况,为任何特定元素覆盖它 html:

Weekdays <span class="days-time">10:00 ~ 18:00</span>

css:

.days-time { font-family: "Courier New" }

【讨论】:

  • 您好,感谢您的反馈!我试过这样:

    工作日10:00~18:00

    星期六10:00~13:30

    (星期日是我们的休息日。)

    但我现在的问题是我似乎不能使非时间材料的样式起作用。我不确定问题是什么..
  • 确保使用@font-face添加字体
猜你喜欢
  • 2013-08-07
  • 1970-01-01
  • 1970-01-01
  • 2012-10-31
  • 2018-09-17
  • 1970-01-01
  • 2020-05-29
  • 2020-12-18
  • 1970-01-01
相关资源
最近更新 更多