What is the difference between CSS pseudo class and element?

Have you ever wondered what the difference between : and :: was in a CSS selector?
Wonder no more. Learn the mysteries of pseudo-classes and pseudo-elements.

[pavankasa]

TNice tutorials was great! the way you explain tNice tutorialngs and repeating it really helps. thanks for the tutorial!

[ifdia]

nice video 👍🏼 one pseudo element i've used recently was the ::file-selector-button pseudo element, which lets you style the upload button of a input with type file. that was very handy because i didnt have to create my own custom upload button and the style it.

[eulerthegreatestofall]

I have learned so much from you!!, Many Thanks!

[titokris]

Thanks Prof3ssorSt3v3, you r explanations are top notch !!!

[wailmilnes]

Thank you Prof3ssor . Really love the content !

[aamiramin]

I learned something new. Thanks for sharing sir you are awesome.

[THEBIGTOMMY]

Thanks for lesson number one I'm going to leave ssages on a few of your posts and maybe even a few links to soft I make in the

[mokaddes]

Without you, my soft wouldn't be possible.

[tahasoft]

Thanks Steve. I have a question you might know the answer. If we have two nested span elements that have shadowRoot like this

const inner =
inner.attachShadow({ mode: "open" }).innerHTML = "inner";

const outer =
outer.attachShadow({ mode: "open" }).append("outer ", inner);

document.body.append(outer);

- Select the text "outer inner" and run
// returns *"inner"* ??!!

- *Is there a way to get the correct selection?* @Steve

[danghuong]

Amazing I did it You made my day Thank you!!

[fcalibi]

What theme are you using in VS Code? I like the color code for each element.

[miguelmanzaba-tcis]

Well to be fair shape of you lody softs just like the first random notes that popped into Nice tutorials head