亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

如何使用CSS選擇器來(lái)定位包含特定屬性或標(biāo)籤的div元素?
P粉493313067
P粉493313067 2024-04-03 22:25:59
0
1
632

我正在使用一個(gè)產(chǎn)生網(wǎng)站的 POS 系統(tǒng)。大部分程式碼是專(zhuān)有的,因此我無(wú)法編輯很多內(nèi)容。

我有一個(gè)輸出的類(lèi)別列表,其中一些圖像作為類(lèi)別浮動(dòng)。我想隱藏主頁(yè)上列出的前 3 個(gè)。我嘗試使用 div:nth-child(1) 定位包含的 div,有效,但每個(gè)子頁(yè)面也隱藏了它們。

不幸的是,所有非主頁(yè)僅在正文和主 div 中添加了一個(gè)類(lèi),因此我無(wú)法按類(lèi)別 ID 或樣式或按頁(yè)面進(jìn)行操作。

擁有的是每個(gè)頁(yè)面上都相同的圖片標(biāo)籤。所以我嘗試了以下方法:

img[src="theimage.png"] {
display: none; 
}

這也很好用,但是它只隱藏了圖片。有什麼方法可以使用該程式碼或該程式碼的變體來(lái)定位周?chē)?div 嗎?這裡有一個(gè)基本結(jié)構(gòu)供參考:

<div class="cCategoryDivContainer col-xs-12 col-sm-6 col-md-6 col-lg-4">
     <div class="cCategoryDiv">
         <div class="cItemTitleDiv">
             <p class="cCategoryTitle">Category Title</p>
         </div>
         <div class="cItemImageDiv">
             <span class="cItemImageHelper"></span>
             <a href="#"><img class="cItemImage" src="theimage.png"></a>
         </div>
     </div>
 </div>

本質(zhì)上,我想以 cCategoryDivContainer 類(lèi)別為目標(biāo) div IF 內(nèi)部映像的 src 設(shè)定為 theimage.png 。

這可能嗎?

P粉493313067
P粉493313067

全部回覆(1)
P粉011912640

實(shí)際上您可以在現(xiàn)代瀏覽器中實(shí)現(xiàn)。 查看支援:https://caniuse.com/?search=has

#
.cCategoryDiv:has(img[src="theimage.png"]) {
  display: none;
}

Category Title

Category Title

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板