What does this mean_html/css_WEB-ITnose

.site-nav:after {
content: "";
display: table;
clear: both;
} What does this pseudo element mean?

Reply to discussion (solution)

The element after .site-nav.

The element after .site-nav.

949e03dad1d6e665bdc8284621fb23aa
16b28748ea4df4d9c2150843fecfba68
b7a67715a49ab7f7a0bc72eb8dd43b63
16b28748ea4df4d9c2150843fecfba68
Do you mean the element two?

Sorry, I keep answering the wrong questions during this time.

d043ceba666be748847d41f44f9c7eb245a2772a6b6107b401db3c9b82c049c2a54bdf357c58b8a65c66d7c19c8e4d114navvv45a2772a6b6107b401db3c9b82c049c2b54bdf357c58b8a65c66d7c19c8e4d11416b28748ea4df4d9c2150843fecfba68

d043ceba666be748847d41f44f9c7eb2
45a2772a6b6107b401db3c9b82c049c2a54bdf357c58b8a65c66d7c19c8e4d114
navvv
45a2772a6b6107b401db3c9b82c049c2b54bdf357c58b8a65c66d7c19c8e4d114
''after is here content: "";
16b28748ea4df4d9c2150843fecfba68

.site-nav:before {    content: "";    display: table;    clear: both;}

d043ceba666be748847d41f44f9c7eb2
'' This is before because the style is set content='' means it is an empty node
45a2772a6b6107b401db3c9b82c049c2a54bdf357c58b8a65c66d7c19c8e4d114
navvv
45a2772a6b6107b401db3c9b82c049c2b54bdf357c58b8a65c66d7c19c8e4d114

.site-nav:after is the appended content after the content in .site-nav