Question

今天我试图为测试和调查创建一个虚拟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。

Answer 1

您可以使用：

.dummy{
    min-width: 0;
    min-height: 0;
}

祝你好运：）

Answer 2

如果你只是需要设置任何东西，你可以分配默认的规则。对于 div 设置

等块元素

.block-class { display: block; }

对于内联元素，例如 span

.inline-class { display: inline; }

当然，在一些罕见的情况下，这可能是一个问题，但一般来说，我认为它是无害的。

Answer 3

原则上，对于任何财产，您可以有这样的安排：

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

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

.dummy的风格会产生影响，无论风格如何。

最好的办法是利用CSS变量。这些是自定义属性，以双连字符开头。所以

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

将使--dummy-style属性值为＃34; foo＆＃34;。只要你不将变量用作另一个属性中的值，它就没有明显的效果。

哪种css样式对元素的影响最小？

3 个答案: