如何使用 jQuery 動態改變 :before 偽元素的寬度？

使用JQuery 更改:before CSS 選擇器寬度

為了動態設定:before 偽元素的寬度，您可以附加文件頭部的新樣式元素。

JQuery 代碼：

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

說明：

• $('
• $('headhead') 選擇

$('headhead') 選>; HTML 文件的元素。 .append() 方法將新的樣式元素加入

中

在style 元素內部，我們將.column:before 選擇器的width 屬性設為800 像素，覆蓋原寬度。
• 注意：

!important 聲明用於確保新的寬度覆蓋任何先前設定的樣式。 值得注意的是，沒有直接的 jQuery 方法來修改 a 的規則偽類。提供的解決方案涉及修改 CSS 樣式表。 此技術可讓您使用 :before 偽元素動態變更元素的寬度，而沒有它的元素不受影響。

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