如何使用 jQuery 動態修改 :before 選擇器的寬度？

CSS 的jQuery 操作:before 選擇器

當面對動態影像寬度並且需要相應地修改:before 規則時，存取這些偽類透過jQuery 取得屬性可能是一個挑戰。但是，有一個解決方法可以實現此功能。

解決方案：

要定位並修改:before 選擇器的width 屬性，同時保持其他元素不受影響，您可以使用以下方法：

$('head').append('<style>.column:before{width:800px !important;}</style>');

此程式碼將一個新的樣式元素附加到文件的頭部，以固定值800px 覆蓋原始:before 規則寬度。 !important 標誌確保新樣式聲明優先。

示範：

請參閱以下現場示範了解實際範例：

[現場示範連結]

替代方案：

雖然上述方法有效地更改了:before 選擇器的寬度屬性，但沒有原生jQuery 方法可以直接存取偽類規則。如果您需要更精細的控製或靈活性，請考慮使用專門解決此問題的專用插件。

以上是如何使用 jQuery 動態修改 :before 選擇器的寬度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！