Lege content in CSS?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

- Ariën  -
Beheerder

- Ariën -

24/11/2014 23:33:53
Quote Anchor link
Kan iemand vertellen wat het nut is van een lege value in een content-property in CSS?

Dit dus:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
    content:"";

Ik zie het regelmatig in site gebruikt worden, en als ik het in FireBug uitschakel, dan verandert de opmaak, maar ik kan niet achterhalen waarom.

Dus wat is het praktisch nut van een lege content?
 
PHP hulp

PHP hulp

19/12/2024 08:39:22
 
Wouter J

Wouter J

24/11/2014 23:54:13
Quote Anchor link
Content wordt gebruikt bij pseudo elements (::before, ::after). Het is verplicht deze te zetten. Aangezien moderne technieken deze psuedo elementen vaak gebruiken voor iets anders dan het toevoegen van content voor of na een element, wil je graag geen content instellen. Aangezien het toch verplicht is zie je dat er vaak content:""; of content:"\200B " (zero width whitespace) gebruikt wordt.
 
- Ariën  -
Beheerder

- Ariën -

25/11/2014 00:03:04
Quote Anchor link
Vrij duidelijk zo.

Wouter J op 24/11/2014 23:54:13:
Aangezien moderne technieken deze psuedo elementen vaak gebruiken voor iets anders dan het toevoegen van content voor of na een element, wil je graag geen content instellen.

Aan wat voor andere dingen moet ik dan denken?
Gewijzigd op 25/11/2014 00:03:27 door - Ariën -
 
E vH

E vH

25/11/2014 10:39:33
Quote Anchor link
Denk is aan een wrapper van 960px breed.
Halverwege de pagina wil je een complete background van 50px hoog en 100% breed, ongeacht de resolutie.
De rest van de pagina blijft binnen de 960px breed.
 
Wouter J

Wouter J

25/11/2014 13:31:05
Quote Anchor link
> Aan wat voor andere dingen moet ik dan denken?

Soms wil je iets stijlen en dan heb je een extra element nodig in je HTML. Dat is dan niet echt top, omdat je HTML dan niet meer 100% semantisch is. In zo'n geval kun je pseudo elementen gebruiken. Even snel een voorbeeldje: http://jsbin.com/wekece/1/watch?css,output

Op mijn site zijn bijvoorbeeld de borders boven elk blok met pseudo elementen gedaan en het blokje met "Note" net boven deze titel.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.