多个ID的相同属性(CSS)

b5buobof  于 2023-03-25  发布在  其他
关注(0)|答案(1)|浏览(128)

我需要创建一个新的CSS按钮,而不是我的网页上的一个简单的图像按钮。
第一步是隐藏.img id。img id为“img#bfPickFiles”,并按数字递增,例如:“img#bfPickFiles1932”、“img#bfPickFiles1933”等...
之后,我有一个div id的按钮编码如下:“#bfPickFilesholder”。但是在中间添加了增量,如“#bfPickFiles3732holder”、“#bfPickFiles3733holder”等...(从3281到3745)。
我所做的:
添加了以下代码来隐藏img按钮:
.img#bfPickFiles { display: none !important; }
但没有结果。
我尝试了以下技术来在一个div id的一个属性中获取多个Id:
Css Selectors: Select id or class with a random part in the middle
CSS selector (id contains part of text)
没有人在工作。
期望以下按钮代码工作(也请参见屏幕截图):
[第一张图片][1]yourimageshare.com/ib/QuydRDfgBN
[第二张图片][1]yourimageshare.com/ib/yKYRwOOqqR
[第三张图片][1]yourimageshare.com/ib/wl5oCK4aW4
[第四张图片][1]yourimageshare.com/ib/iTViM0Uci3

.img#bfPickFiles {
    display: none !important;
}

#bfPickFiles3282holder {
    display: block !important;
    background-image: linear-gradient(to top, #a6a6a6, #afafaf, #b7b7b7, #c0c0c0, #c9c9c9);
    width: 180px;
    height: 30px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#bfPickFiles3282holder:hover {
    background-image: linear-gradient(to top, #7c7c7c, #858585, #8e8e8e, #989898, #a1a1a1) !important;
}

#bfPickFiles3282holder::before {
    font-family: "Font Awesome 5 Free";
    content: "\f574";
    display: inline-block;
    font-size: 20px;
    color: #fff;
    padding-right: 2px;
    padding-left: 6px;
    padding-top: 3px;
    font-weight: 600;
}

#bfPickFiles3282holder::after {
    content: "CHARGER UN DOCUMENT";
    font-size: 0.75em;
    padding-left: 3px;
    color: #fff;
}

其中“.img .bfPickFiles”应该隐藏图像。
而“.bfPickFiles3282holder”需要包含多个ID(从3281到3745)
先谢谢你了。麦克斯。

相关问题