如何对所有以.开头的ID应用css

Question

在我的网站上，我有一个AJAX搜索表单。HTML代码显示了这个ID:

id="edit-field-geolocation-proximity-center-geocoder--Bq5Bx8zXA1A"

我想给它添加一个样式。我的问题是Bq5Bx8zXA1A末尾的代码随着每次搜索而变化。

如何设置以:

开头的ID样式

id="edit-field-geolocation-proximity-center-geocoder--"

这是我目前的CSS代码，它适用于非ajax表单。但是对于那些启用了AJAX的人来说，它不起作用，因为在ID的背景中添加了一个随机代码:

#edit-field-geolocation-proximity-center-geocoder .form-item {
margin-top: 0rem;
}

输入图片描述

Answer 1

欢迎使用Stack Overflow!我可以帮忙。在纯CSS中实现目标的一种方法是使用属性前缀选择器(它使用正则表达式的一种形式)。在您的情况下，下面的代码可能会奏效:

[id^="edit-field-geolocation-proximity-center-geocoder"] .form-item {
/* your styles here :) */
}

如果你想做一些额外的阅读，这个线程提供了很多关于如何在CSS中使用正则表达式的其他优秀方法。