Chciałbym użyć przełącznika do układu znaczników akapitu na stronie internetowej.
Używam pseudoelementu po:
p:after {content: url("../img/paragraph.gif");}
Teraz muszę usunąć ten kod CSS ze strony.
Jak można to łatwo zrobić?
Chcę dodać, że:
jQuery jest już używany na stronie
i nie chcę dołączać ani usuwać plików zawierających CSS.
javascript
html
css
pseudo-element
Thariama
źródło
źródło
Odpowiedzi:
none nie jest oficjalną wartością do ustawienia zawartości, jeśli jest określona, na nic.
http://www.w3schools.com/cssref/pr_gen_content.asp
źródło
display: none
?Musisz dodać regułę css, która usuwa zawartość końcową ( poprzez klasę ).
Zmiana z powodu pewnych ważnych uwag.
Bardziej poprawnym sposobem całkowitego usunięcia / wyłączenia
:after
reguły jest użyciejak odpowiedział Gillian Lo Wong .
Oryginalna odpowiedź
Musisz dodać regułę css, która usuwa zawartość końcową ( poprzez klasę ).
i dodaj tę klasę do swojej,p
kiedy chcesz dzięki tej liniidziałający przykład pod adresem : http://www.jsfiddle.net/G2czw/
źródło
źródło
Jak wspomniano w odpowiedzi Gillian , przypisanie
none
docontent
rozwiązania problemu:Należy zauważyć, że w CSS 3 , W3C zaleca się stosowanie dwóch średników (
::
) dla pseudoelementów jak przed lub po tym .Z dokumentu internetowego MDN na temat pseudoelementów
źródło
Zależy to od tego, co faktycznie dodają pseudoselektory. W Twojej sytuacji ustawienie zawartości na
""
pozbycie się jej, ale jeśli ustawiasz granice, tła lub cokolwiek innego, musisz je dokładnie wyzerować. O ile mi wiadomo, nie ma jednego lekarstwa na usunięcie wszystkiego przed / po elemencie, niezależnie od tego, co to jest.źródło
miałem ten sam problem kilka minut temu i po prostu
content:none;
nie działałem, ale dodałemcontent:none !important;
idisplay:none !important;
działałem dla mnieźródło
Jest to sposób na usunięcie
:after
i możesz zrobić to samo dla:before
źródło