我想将现有CSS样式应用于页面上的所有标签。怎么样？

| 请注意，这与之前的问题不同，如何在该页面上的所有按钮上应用CSS？因为这是已经存在的样式。因此，鉴于包含的CSS文件中已经存在一种样式，我们称之为\“ standard_label_style \”，我该怎么做才能说此页面上的所有标签都应具有该样式，而无需添加：

class=\"standard_label_style\"

每一个？是的，我知道我可以事后使用一小段jQuery或JavaScript代码样式。我只是想学习如何使用CSS。跟进我已经收到了几条评论，说只使用了像这样的语法。这将使我可以将其他规则应用于standard_label_style类，以及将规则应用于此页面中的标签，但不允许我将该样式应用于该页面上的所有标签。要查看此示例，下面是一个样式表和html进行演示。没有课程的标签仍然不会显示为红色，但这就是我希望发生的事情。我想将现有的类应用于页面上的所有这些标签，而不仅仅是具有该类的标签，并且不在此页面上添加新样式，则现有样式应该是唯一的样式。 included.css：

.standard_label_style { color: red; }

test.html：

<html>
  <head>
    <link rel=\"stylesheet\" type=\"text/css\" href=\"included.css\">
    <style>
      .standard_label_style, label { }
    </style>
  </head>
  <body>
    <label class=\"standard_label_style\">Test Label</label><br/>
    <label>Unclassed Test Label</label>
  </body>
</html>

已邀请:

7 个回复

冕偷淮款

CSS并不是真的那样。您可以直接将样式应用于所有标签：

label {
    color: Lime;
}

或将类别应用于所有标签

.labelClass {
    color: Lime;
}

<label class=\"labelClass\"></label>

您还可以有多个选择器，因此可以将当前样式修改为

.labelClass, label {
    color: Lime;
}

您在标准CSS中无法做的事情是

label {
    .labelClass;
}

好消息是，有一堆服务器端库使CSS变得不那么吸引人，让您完全可以做这种事情，例如，如果您正在使用.NET（提供嵌套规则和基本继承模型），请查看dotLess。

翁茄口霉氖

要将样式应用于页面上的每个标签，请使用以下CSS：

label {
/* styles... */
}

如果CSS中已有样式（例如\“ standard_label_style \”），则可以将其应用于每个标签：

.standard_label_style, label {
/* styles... */
}

这会影响网站上的每个标签，因此请谨慎使用！

浮凰量

在您的css文件中，您不能只是将

.standard_label_style, label
{
 //styles
}

系漏

.standard_label_style, label {
    /* stuff */
}

河饶办斜施

我不确定您是否可以...一种可能的解决方法（虽然有点怪异）是将样式附加到您的body标签上，然后将css更改为：

body.standard_label_style label{
   //Your styles here
}

呸溉

有史以来最没被充分利用的CSS技巧之一：给您的身体一个id或一个类！ HTML：

<body id=\"standard_label_style\">
    <label>Hey!</label>
</body>

CSS：

#standard_label_style label{
    the styles
}

会采用样式，而 HTML：

 <body id=\"custom_label_style\">
     <label>Custom!</label>
 </body>

将不会。

瞧叮

您在这里处理CSS优先级。 “较模糊”的声明（body标签，类）在“较模糊”的声明（特定元素，内联CSS）之前应用。因此，您的答案取决于样式表如何定义label样式。例如，如果说“ 16”，那是相当具体的，最好的选择是使用更具体的CSS样式，请参见： http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/（好的教程？） CSS优先级正如我所说，您需要覆盖的“特殊性”级别取决于其他样式表的特殊性。根据链接，“嵌入在html中的CSS总是在外部样式表之后，而不管html中的顺序”。如果您自己定义label {your custom css}，然后再导入样式表，也有可能。我将首先尝试查看它是否有效。你有尝试过吗？结果如何？请注意，如果您想完全覆盖其他样式表，则还需要通过将其未使用的CSS值设置为inherit或适当的方式来重置。

要回复问题请先登录或注册

我想将现有CSS样式应用于页面上的所有标签。怎么样？

7 个回复

发起人

stylesheet

css

html

问题状态

我想将现有CSS样式应用于页面上的所有标签。怎么样？

与内容相关的链接

7 个回复

发起人

stylesheet

css

html

问题状态