哪种css风格对元素的影响最小?

r1zk6ea1  于 2023-03-25  发布在  其他
关注(0)|答案(3)|浏览(130)

今天我试图创建一个虚拟的css规则来进行测试和研究。

.dummy {
  some-style : somevalue;
}

理想情况下,类应该没有可见的效果。我希望能够将类应用于元素,但在应用它的任何元素上引起尽可能少的可见效果。例如
<div class="dummy">的外观和行为应尽可能类似于<div>
我不希望这个类是空的。谁能建议一个样式,我可以添加到类中,当应用到一般的html元素时,它的影响是最小的?我想不出任何完全无害的东西。
更新:我想将样式添加到一些现有的html中。原因是使用样式作为诊断目的的标记。它将帮助我查看样式和样式表何时何地被加载/缓存,以及某些样式在何处以及为什么被覆盖,有时是由浏览器默认设置,这似乎很奇怪。当时我没有'我不能独占使用我正在开发的系统,所以我想要一些对其他用户不可见的东西,但我可以在开发人员工具中看到。
更新2:html/css不是我写的,我没有自己的工作环境。我试图在别人的系统中原位调查一些问题。我曾尝试在浏览器中使用DevTools,但没有任何进展。我希望能够对他们的html/css进行一些小的更改,以帮助我的诊断。我没有我不希望它们对其他人的系统有任何明显的影响(除了在DevTools中,由我查看)。
这是一个WordPress网站,他们只有两个环境,一个用于实时,一个用于测试。我正在使用测试系统。当时还有其他人在测试,尽管主要是检查内容。
真实的枣手的问题是,为什么日历小部件中的字体大小比网站上的其他小部件大得多?使用DevTools检查时,我可以看到字体大小样式被浏览器默认样式覆盖,而在我看来,应该有其他css选择器优先。这看起来很奇怪。最后,它被证明是html中缺少的!DOCTYPE标记。这与CSS本身无关。
我不喜欢这种工作方式,在别人的系统中摆弄,但没有太多其他的事情要做,这确实有助于解决他们的问题。
希望我不必再这样做了,但从那以后,我一直在想,我能用的最无害的风格是什么?
我想我会在这里问,因为肯定有人比我更了解CSS。

lo8azlld

lo8azlld1#

您可以使用以下命令:

.dummy{
    min-width: 0;
}
mutmk8jj

mutmk8jj2#

如果你只需要设置任何东西,你可以指定默认的规则。

.block-class { display: block; }

对于像span这样的内联元素

.inline-class { display: inline; }

当然,在一些罕见的情况下,这样做可能是一个问题,但总的来说,我想这是无害的。

2izufjch

2izufjch3#

原则上,对于任何属性,您都可以有这样的安排:

div {
  some-style : a-valid-value-for-some-style;
}

.dummy {
  some-style : a-different-valid-value-for-some-style;
}

而且.dummy的风格会有影响,不管some-style是什么。
最好的办法是使用CSS变量。这些是自定义属性,以双连字符开头。所以

.dummy {
   --dummy-style: foo;
}

将使--dummy-style成为一个值为“foo”的属性。只要您不将该变量用作另一个属性的值,它就不会有明显的效果。

相关问题