鍍金池/ 問答/HTML5  C  HTML/ css3怎么選中前一個(gè)元素

css3怎么選中前一個(gè)元素

div顯示文件名，x是i標(biāo)簽，現(xiàn)在是鼠標(biāo)在i上邊的時(shí)候，我需要修改div的背景色，但是沒有辦法選中前一個(gè)元素，
或是能選中父級(jí)div里的第一個(gè)子元素div嗎

圖片描述

圖片描述

回答
編輯回答
溫衫

css沒有辦法獲取前一個(gè)元素 不過可以獲取后面的元素

/*緊鄰*/
i+.ant-upload-list-item-info{}
/*所有*/
i~.ant-upload-list-item-info{}
2018年8月4日 13:16
編輯回答
嫑吢丕

css沒想出來怎么搞，你看能不能嘗試一下jQuery呢？

<script>
    $('.anticon-across').hover(function(){
        $(this).parent().find('.ant-upload-list-item-info').css('background','red')
    },function(){
        $(this).parent().find('.ant-upload-list-item-info').css('background','transparent')
    })
</script>
2017年7月13日 19:35
編輯回答
背叛者

不可以，CSS 是單向的。

但是這里你可以考慮把兩個(gè)元素放在一起，這樣就方便你寫 CSS 了。

2017年8月17日 03:50
編輯回答
朕略傻

把div標(biāo)簽寫到i標(biāo)簽的后面就行了
如果要求不改變html的話，做不到

2018年6月25日 16:33
編輯回答
糖豆豆

是左右浮動(dòng)結(jié)構(gòu)嗎？
如果是，那你把你紅線圈起來的div和i調(diào)換一下位置，然后使用

.action:hover + .ant-upload-list-item-info {
    background: skyblue;
}
2017年11月6日 18:55
編輯回答
卟乖

目前還不可以, 調(diào)一下位置或用js控制

2018年5月26日 12:53