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

Html 哪种css样式对元素的影响最小?,html,css,Html,Css,今天我试图创建一个虚拟css规则,用于测试和调查 .dummy { some-style : somevalue; } 理想情况下,类应该没有明显的效果。我希望能够将该类应用于元素,但对其应用于的任何元素造成尽可能不可见的影响。比如说 的外观和行为应尽可能像 我不希望这个班是空的。有人能推荐一种我可以添加到类中的样式吗?这种样式在应用于一般html元素时会产生最小的可见影响?我想不出任何完全无害的东西 更新:我想将样式添加到一些现有的html中。原因是使用样式作为诊断目的的标记。它将帮助我

今天我试图创建一个虚拟css规则,用于测试和调查

.dummy {
  some-style : somevalue;
}
理想情况下,类应该没有明显的效果。我希望能够将该类应用于元素,但对其应用于的任何元素造成尽可能不可见的影响。比如说

的外观和行为应尽可能像

我不希望这个班是空的。有人能推荐一种我可以添加到类中的样式吗?这种样式在应用于一般html元素时会产生最小的可见影响?我想不出任何完全无害的东西

更新:我想将样式添加到一些现有的html中。原因是使用样式作为诊断目的的标记。它将帮助我了解样式和样式表何时何地被加载/缓存,以及某些样式被覆盖的位置和原因,有时被浏览器默认值覆盖,这看起来很奇怪。当时我并没有专门使用我正在开发的系统,所以我想要一些其他用户看不见的东西,但我可以在开发人员工具中看到

更新2:html/css不是我写的,我也没有自己的工作环境。我试图在其他人的系统中实地调查一些问题。我曾尝试在浏览器中使用DevTools,但没有成功。我希望能够对它们的html/css进行一些小的更改,以帮助我进行诊断。我不想让它们对其他人的系统有任何明显的影响(除了在DevTools中,由我查看)

这是一个Wordpress网站,他们只有两个环境,一个用于直播,一个用于测试。我在使用测试系统。当时还有其他人在测试,不过主要是检查内容

真正棘手的问题是,为什么日历小部件中的字体大小要比网站上的其他字体大得多?使用DevTools检查时,我可以看到字体大小样式被浏览器默认样式覆盖,而在我看来,其他css选择器应该优先使用。看起来很奇怪。最后,它竟然是一个失踪的!html中的DOCTYPE标记。所以与css本身无关

我不喜欢这种工作方式,摆弄别人的系统,但是没有什么其他的事可做,这确实帮助他们解决了问题

希望我不必再这样做了,但从那时起我就一直在想我能用的最无害的风格是什么


我想我会在这里提问,因为肯定有人比我更了解CSS。

如果您只需要任何设置,您可以指定默认规则。对于块元素,如divset

.block-class { display: block; }
对于内联元素,如span

.inline-class { display: inline; }
当然,在一些罕见的情况下,这样做可能是一个问题,但一般来说,我想这是无害的。

您可以使用以下方法:

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

祝你好运:)

原则上,对于任何房产,你都可以有这样的安排:

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
成为值为“foo”的属性。只要不将变量用作另一个属性中的值,它就不会有任何可见的效果。

opacity:1
?除非你已经有了一些透明的项目,否则这不会有多大效果。你可以使用一个定义来描述
的默认值,比如
位置:static
显示:block
边框:none
边距:0
,等等。不确定你这样做是为了什么,但听起来很可疑,重点是什么?为什么要声明任何样式?这里的目标是什么?卫斯理-我试图弄清楚为什么以及什么时候风格被应用到一个网站上。当时我并没有单独使用我正在试验的系统,所以我希望能够添加一些样式和类,用于诊断目的,我可以在浏览器上的开发工具中看到这些样式和类,但对网站上的其他用户是透明的。有人能解释为什么这个问题被否决了吗?解释一下,下次我可以做得更好。一个未使用的css变量可以工作,但我真的想要一些在浏览器的默认样式中预定义的东西。我正在研究的一件事是,为什么浏览器的默认样式有时优先于应用的样式。@PaulD-那么,你可能应该问一个新问题。你有一个特别的例子吗?有几个原因可能发生,或者看起来可能发生。如果没有一个具体的例子,可能很难确定哪一个适用。我在问题中补充了一些背景知识。导致这个问题的最初问题现在已经解决了,但我仍然好奇是否有一种我想不出的低影响风格。我真的想要一种可以应用于各种元素的风格。还应用显示:块;对于显示为“无”的div;会使它再次可见。啊,好的,我想这只是一个快速测试。从这个角度来看,没有一条规则不可能产生我担心的问题。顺便说一句,我无法想象浏览器样式会覆盖您在css中设置的样式。也许你会使用注释建议
opacity:1但正如所说,这也会产生问题。这不会改变已经具有最小大小的元素的行为吗?它现在会缩小到零,而不是停留在以前的值。所以你想要一些CSS代码,在任何情况下都不会做任何事情。。。这是不可能的,你总能发现一个问题。我在问什么CSS的影响最小。什么都不做本来是理想的,但正如你所说,我认为那可能是不可能的