css :before στο chrome δεν δουλευει?

[Ruhl]

Δεν μπορω να καταλαβω τι ακριβως αλαξανε στην τελευταια εκδοση του  chrome αυτον η τον προηγουμενο μηνα γιατι πριν απο αυτην την περιοδο σε chrome to ειχα δημιουργησει και δουλευε προφανως εκει.
Λειπει το before δηλαδη μια γραμμη ακομα <hr>  και οι ακρες στραμενες προς τα πανω (αν μπειτε mozila δουλευει κανονικα)

Εχεται καμια ιδεα τι μπορει να φταιει?

 

https://codepen.io/ruhl/pen/YEKJQx

[gsarig]

Από ότι βλέπω στο developer tools ο Chrome δίνει overflow: hidden στο <hr>, οπότε αν βάλεις στο css του hr.style overflow: visible (δουλεύουν επίσης και τα unset, inherit, initial) θα εμφανιστεί το στοιχείο που θες.

[Ruhl]

Από ότι βλέπω στο developer tools ο Chrome δίνει overflow: hidden στο <hr>, οπότε αν βάλεις στο css του hr.style overflow: visible (δουλεύουν επίσης και τα unset, inherit, initial) θα εμφανιστεί το στοιχείο που θες.

Ναι οντως αυτο ηταν ευχαριστω να σε καλα.

[vadou]

Λεπτομέρεια που δε σε επηρεάζει (καθώς λόγω backwards compatibility δεν αλλάζει κάτι ουσιαστικό), αλλά καλό είναι να το χρησιμοποιείς. Σε pseudo elements, όπως το before και το after, το "σωστό" είναι διπλά colon ( :: ) δηλαδή "::after", "::before". Σε pseudo classes όπως hover και visited μονά δηλαδή ":hover" και ":visited"