如果多个元素共享同一个CSS类,如何只针对一个元素

时间:2019-07-11 作者:Itstudent

我正在wordpress中开发一个使用flatsome主题的网站。我面临图像大小的问题。实际上,所有缩略图共享同一类CSS,所以当我为一个图像更改此类时,所有其他图像大小也会更改,但我不希望这样。

我只想更改一个页面的图像缩略图大小,其余的图像缩略图大小应该相同,尽管它们共享同一个类。请在这方面提供帮助。

1 个回复
最合适的回答,由SO网友:Faye 整理而成

我不知道你对发展有多满意,但我认为你的要求是可以做到的。

选项1:自定义主题模板,将不同的类应用于第一个项目。需要一些WordPress模板和php专有技术。

选项2:使用css伪类以该类的第一个图像为目标,并为其提供不同的样式(类似于.yourclass:first-child{ border: 1px solid red; } ). 需要一些css/less/sass专有技术(不确定主题是如何设置的)。如果没有看到示例页,我无法告诉你更多。

相关推荐

WooCommerce:电子邮件的模型只显示html,而不显示css

我正在使用WooCommerce的3.4.7版本并配置电子邮件,我盯着一件奇怪的事情:模板没有出现在css中。我在我所有的网站上都有过这样的经历,这是一个安装了WordPress和WooCommerce的测试网站。这是我的配置:当前结果是:我希望这样:我不知道我做错了什么。谢谢你的帮助。Edit: 我的电子邮件模板的HTML:https://pastebin.com/41TY84NS 注意:我没有使用我的主题的任何自定义模板,它是店面主题,我用2017进行了测试,并给出了相同的错误。PHP 7.3.1版