已解決430363個問題，去搜搜看，總會有你想問的

如何在不影響父節點的情況下對葉節點進行更改

首頁猿問如何在不影響父節點的情況下對葉節點...

如何在不影響父節點的情況下對葉節點進行更改

JavaScript

慕婉清6462132 2022-10-21 10:39:23

頁面中的所有元素都被指定為更改背景顏色和更改邊框屬性，如果懸停，但問題是我只想更改的元素是光標正下方的元素，似乎當我懸停某些東西時，所有的父母它也是懸停的，這是正常的，因為您也懸停在元素的父元素上，因為它的子元素嵌套在其中。但我發現firefox截圖功能可以做到這一點。它有一個功能，可以讓您截取頁面的某個部分，并且在選擇過程中，它顯示頁面的哪些部分僅通過在其周圍制作虛線邊框和白色覆蓋來保存。我認為這與javascript有關，但我不知道如何檢查元素是否懸停通過檢查元素是否懸停來檢查元素是否是光標下的元素。從哪里開始檢查事情。比方說<div> <div> put border on me if hovered </div> <div> put border on me if hovered <span> put border on me if hovered and don't put border on parent </span> </div></div>CSS*:hover { border: 5px dashed white; }我還沒有制作 javascript，因為我不知道首先要做什么

查看完整描述

2 回答

達令說

TA貢獻1821條經驗獲得超6個贊

如果您希望當您將鼠標懸停在特定元素上時，其樣式已更改，我可以在 JS 的幫助下提供此功能

document.addEventListener('mouseover', function (e) {

e.stopPropagation();

e.target.setAttribute('style', 'border: 5px dashed red');

});

document.addEventListener('mouseout', function (e) {

e.target.removeAttribute('style');

});

您可以通過不同的方式更改樣式，例如添加特定的類。我希望這有幫助

反對回復 2022-10-21

慕斯709654

TA貢獻1840條經驗獲得超5個贊

因此，您希望，當您將鼠標懸停在特定 div 上時，該特定 div 必須具有邊框而不是父級。

如此簡單的任務可以輕松實現我的 CSS。你必須根據他們的類名來定位 div。

（基于您上面的代碼 div）

<div>

<div className="parentBorder"> put border on me if hovered </div>

<div>

<span> put border on me if hovered and don't put border on parent </span>

</div>

用于此的 CSS 文件

.parentBorder {

border: none;

}

.parentBorder:hover {

border: 5px solid green;

}

span {

border: none;

}

span:hover {

border: 5px solid blue;

}

這將解決您的問題并且通過 JAvaScript，您可以通過在此任務的特定 div 上啟動 onClick() 函數事件來做到這一點

反對回復 2022-10-21

2 回答
0 關注
111 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在不影響父節點的情況下對葉節點進行更改

如何在不影響父節點的情況下對葉節點進行更改

2 回答

添加回答