jQuery를 사용하여 의사 요소 앞의 너비를 동적으로 변경하는 방법은 무엇입니까?

JQuery를 사용하여 :before CSS 선택기 너비 변경

:before 의사 요소의 너비를 동적으로 설정하려면 다음을 추가할 수 있습니다. 문서 헤드에 새로운 스타일 요소를 추가합니다.

JQuery 코드:

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

설명:

• $('head')는 HTML 문서의 요소입니다.
• .append() 메소드는 요소.
• 스타일 요소 내에서 .column:before 선택기의 너비 속성을 800픽셀로 설정하여 원래 너비를 재정의합니다.

참고:

• !important 선언은 새로운 너비를 보장하는 데 사용됩니다. 이전에 설정된 스타일을 재정의합니다.
• 의사 클래스의 규칙을 수정하는 직접적인 jQuery 메서드가 없다는 점은 주목할 가치가 있습니다. 제공된 솔루션에는 CSS 스타일시트 수정이 포함됩니다.

이 기술을 사용하면 :before 의사 요소를 사용하여 요소의 너비를 동적으로 변경하면서 요소가 없는 요소는 영향을 받지 않게 남겨둘 수 있습니다.

위 내용은 jQuery를 사용하여 의사 요소 앞의 너비를 동적으로 변경하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!