Удалить содержимое из элемента before CSS

Question

Как я могу удалить это 'content' программным путем с помощью JQuery?

body:before { 
    content: ''; 
    display: inline-block; 
    height: 100%; 
    vertical-align: middle; 
    margin-right: -0.25em; 
} 

Answer 1

Это не представляется возможным прямой доступ к псевдопользователей элементов в JQuery, потому что они не являются частью DOM.

Однако в качестве обходного пути, вы могли бы основывать элемент псевдо на классе на теле, например:

body:before { 
    content: ''; 
    display: inline-block; 
    height: 100%; 
    vertical-align: middle; 
    margin-right: -0.25em; 
} 
body.foo:before { 
    display: none; 
} 

Затем, чтобы скрыть элемент в JQuery:

$('body').addClass('foo'); 

Answer 2

Вы можете перезаписать его :

document.styleSheets[0].addRule('body:before', 'display: none !important;'); 

Answer 3

Использование JavaScript вы можете изменить body:before «s display пропеллер и установите его на none.

Осмотрите элемент, чтобы увидеть измененное правило.

var ss = document.styleSheets; 
 

 
for (i = 0; i < ss.length; i++) { 
 
    var rules = ss[i]; 
 
    for (j = 0; j < rules.cssRules.length; j++) { 
 
    var r = rules.cssRules[j]; 
 
    if (r.selectorText == "body:before") { 
 
     console.log('Before: ' + r.cssText); 
 
     r.style.display = 'none'; 
 
     console.log('After: ' + r.cssText); 
 
    } 
 
    } 
 
}

body:before { 
 
    content: ''; 
 
    display: inline-block; 
 
    height: 100%; 
 
    vertical-align: middle; 
 
    margin-right: -0.25em; 
 
}