我可以在css中创建一个默认类吗？

Posted 2023-04-14

【中文标题】我可以在css中创建一个默认类吗？

【英文标题】：Can I make a default class in css?

【发布时间】：2017-07-15 06:25:00

【问题描述】：

我正在处理一个项目，该项目有几个要使用的类，但这些类并没有涵盖所有现有的案例，所以我想知道一种创建默认类的方法，所以，如果元素没有那个属性设置，默认值进来

【问题讨论】：

您的问题不清楚请参考此链接***.com/help/how-to-ask

【参考方案1】：

希望对您有所帮助：

$('your selectors').not('[class]').addClass('default');

$(document).ready(function()
  $('div').not('[class]').addClass('default');
)

.default 
  color: red;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<div class="x">Have class</div>
<div>Dont Have class</div>
<div class="y">Have class</div>

【讨论】：

这正是我想要的，但我正在使用 angular，我没有说出来，因为我想知道是否有一个纯 css 答案可以让我处理它。跨度>

@JorgeWhitte 不幸的是，没有。没有纯 css。

【参考方案2】：

您可以使用以下关键字将属性重置为其默认值。 initial 或 unset。它们在所有 css 属性上都是可接受的。 initial 将 CSS 属性设置为其 initial value。 unset 也像 initial 一样工作，但对于从父元素继承样式的元素的行为有点不同。您可以在此处使用这些属性并了解它们：The inherit, initial, and unset values。

您可以使用另一个属性将所有属性更改为默认值。 all.

但请注意，所有这些对 IE 的支持有限。

理想的编程实践是永远不要将样式添加到您的基本 html 标签（如div、span 等），以便保留默认值。在你想要样式的元素上，通过.class 或#id 永远不要在<tag> 上添加它们。