將鼠標懸停在元素上時如何突出顯示具有相同 css 類的所有元素？ 我想添加鼠標效果，如放大 - Elementor WordPress

Question

我想在每個定價表上添加像 ZOOM IN 這樣的鼠標效果； 但是，我手動制作了定價表，因此每一行都與前一行無關。 我讀到我必須使用 javascript 來做，我給每個 Elementor 列一個類名，例如，BASIC 下的用戶和儀表板的數量將具有相同的類。 我嘗試了一個代碼，並且能夠更改背景顏色，但是如何添加縮放效果？ 我沒有找到改變函數高度和寬度的方法。

截屏

謝謝！

Answer 1

如本答案中所引用：

https://stackoverflow.com/a/10483891/10013076

你可以考慮兩件事：

1.

.item:hover .wrapper {
    color: #fff;
    background-color: #000;
}​

.item:hover ~ .wrapper {
    color: #fff;
    background-color: #000;
}​