You are the Bob Ross of CSS and HTML. Beautifully done.

@FelipeGanash

2 жыл бұрын

This is sooo true! Thanks for the video

@wuersen

9 ай бұрын

Soooo true!!!

I've been up all night coding and completely forgot how to style a specific tag!! Thank God for you Steve man. Saved my life

Dude, this is such an amazing teaching style. 10/10, would recommend.

Hey Steve, actually I did not get to target the element I wanted, but I will see this video couple more times to get it under my skin. Also because clearness of your voice, man.. I can just listen to that all day. :) Thanks

You have basically broken my 5 years of misconception on CSS chaining. I am very lucky to have this video Great Job :) 👍

I have watched many videos of yours sir, Helped a-lot! Keep spreading your knowledge sir. Love from Nepal 🇳🇵

Calm and clear explanations, best i've seen. Subbed

Thank you Steve, it is explained in a very simple and understandable way!

Beautifully detailed tutorial!

Finally peace after searching lots of videos 🥹👐

awesome explanation...!!!!! i was searching for this tutorial in youtube and you explained fabulously

Well explained! I always mix up the different rules and exceptions. Thanks for explaining it so calmly!

This is an absolute treasure... Like a million dollars video... Damn man you got some serious skills to deliver the knowledge.. 🔥 lots of respect.. Subscribed and liked

Love your teaching style. Subscribed and look forward to watching many more.

Have been looking for this for long. Thanks for the idea

excellent tutorial! you've got no idea how much it helped me. thank you!

this is what I call : THE PEDAGOGIC EXPLANATIONS ! thanks ;)

thank you!! I was confused in class but this video cleared it up!

Such a great explanation! Thank you! :) Very, very helpful and straightforward.

Best explanation I found. Thank you!

Very good explanation without any fluff!!

Thank you so much for your video on combining css. I’ve been struggling for too long.

Well articulated. Much obliged.

This is the best explanation in the entire youtube!

Very simple explanation of specificity. Thanks.

Superb explanation....very clear, concise....so much here in so little time--- would take most much longer to convey. Great!

clear and brilliant !

easy and direct to the point

great, this is what I needed to hear. Nice.

Great explanation man, how great

I don't know why your voice is just so relaxing! 😅😂

Thank you SO MUCH, now I can understand a lot more!

Really thanks alot i appreciate your great point of view in teaching the "css chaining" may god bless you ☺

nice and clear, good job

Thank You for the explanation

Great video .... Thanks a lot .. Appreciating ur work

ok nice video - you have complete control over this chapter - thanks.

This is such a good video.

your explanation is extremely clear and helpful thank you

@SteveGriffith-Prof3ssorSt3v3

5 жыл бұрын

Thanks

thanks .Great Explanation!!!!!

thank you for the information!

Thanks Steve

so helpful.. Thanks!

great explanation :)

Excellent thank you...

Perfect!

Thank you!

Thank you so much sir, you explain very well.

unbelievable!

wow too good sir

Never thought someone in software could appreciate The Trailer Park Boys like me.... You have proved me wrong! haha... great vid!

I really appreciate the use of rebeccapurple for a color value. ❤️

@SteveGriffith-Prof3ssorSt3v3

4 жыл бұрын

I love the fact that they did that for Eric.

@cferdinandi

4 жыл бұрын

@@SteveGriffith-Prof3ssorSt3v3 Same here!

I have a question about last selector , in p img I don't see any change by these selector in the image

@SteveGriffith-Prof3ssorSt3v3

4 жыл бұрын

You would have to put some CSS inside the curly braces that you could see with an image. Something like border: 10px solid red; would show up.

ty

Hello @steve griffith - Prof3ssorSt3v3, have you ever encountered a syntax problem error on VS Code with CSS element inside a CSS element as this : .card[data-state="#about"] { height: 450px; .card-main { padding-top: 0; } } the ".card-main" isn't recognized as an element class and I don't know what to do

@SteveGriffith-Prof3ssorSt3v3

Жыл бұрын

You can't nest selectors inside other selectors in css.

Amazing video 0:11

Respect for the trailer park boys reference

@BezzantSam

2 жыл бұрын

I met ricky and bubbles in 2010 in Portland I was so stoked

👍 Steve can you explain differences on last part video #simon img and img , why do we needed to use id to style can just use img tag alone thank you

@SteveGriffith-Prof3ssorSt3v3

5 ай бұрын

img { } will apply to all images that are ever placed on the page. #simon img { } applies only to images that are inside an element with the id "simon". It is all about being more specific. Be as specific as you have to without creating really long selectors. html body main section p img#bob - targets an image with the id bob, if it is inside a paragraph, which is inside a section, which is inside a main, which is in the body, which is inside the html. It works. It is accurate. But really long and it would be slower to process. Instead just use img#bob or even #bob. Same element. Just as specific. Faster processing.

Hi Steve, I love your tutorials, they are really helpful. Thanks for taking the time out to do them. I have a query on this one. @7:41 you list out three classes with spaces between them. This doesn't have the desired affect. While you explain what is happening there, I don't understand why it doesn't work. Is it because the three classes are all on the same line and not nested in a parent/child relationship? The same principal I think applies at 10:20 where there is no space between the tag and the ID, and I'm wondering if this too is because they are on the same line. Thanks.

@SteveGriffith-Prof3ssorSt3v3

4 жыл бұрын

If there is no space between two parts of the selector it means the same HTML element has to have both. Eg: #main.active would refer to something in the HTML like this .one.two.three means an HTML element like this

Thank you so much. Always explained so well. What does it mean when you see the > symbol

@SteveGriffith-Prof3ssorSt3v3

3 жыл бұрын

That is the child selector. p > a { } means apply the style to anchors but only if they are direct children of a paragraph.

fred ricky bubbles and julian. hahaha amazing

I love Canadians!

now i'm feel better

if classes and ids are important then why are they being applied after the html tags? also, what does that even mean?

@SteveGriffith-Prof3ssorSt3v3

8 ай бұрын

CSS Specificity - kzread.info/dash/bejne/fa6TtZaHm5fXqaw.html

I’m really having difficulty with styling in css. Most often my style will not take effect. Some will but not all

@SteveGriffith-Prof3ssorSt3v3

2 жыл бұрын

Most likely your problem is with specificity of your selectors - kzread.info/dash/bejne/fa6TtZaHm5fXqaw.html

Where is the CSS for the main.css file?

@SteveGriffith-Prof3ssorSt3v3

3 жыл бұрын

It doesnt exist. The css for the tutorial is in the style element.

@ecerejo

3 жыл бұрын

@@SteveGriffith-Prof3ssorSt3v3 Just asking because I see the link to it in your video.

@SteveGriffith-Prof3ssorSt3v3

3 жыл бұрын

@@ecerejo I used to have my template starter page set up to include that link

css compile from top to bottom ,second one will always override the first i guess ? but why it is not in the case body h1 colour is not changed to red?

@SteveGriffith-Prof3ssorSt3v3

2 жыл бұрын

Top to bottom only matters if they have the same specificity. Specificity is the primary decider. kzread.info/dash/bejne/fa6TtZaHm5fXqaw.html

@m.dvenkatesh7718

2 жыл бұрын

@@SteveGriffith-Prof3ssorSt3v3 Thanks for Ur Quick Response and video clarifies my doubt :)

The avatar for deadpool is not on your github.

@SteveGriffith-Prof3ssorSt3v3

Жыл бұрын

Nope.

"tag#id.class tag" doesn't work for me. How to make it work?

@SteveGriffith-Prof3ssorSt3v3

4 жыл бұрын

Not sure what you have mistyped, but it will work. Here is an example codepen.io/mad-d/pen/MWKBwrZ

@ladylinkon3916

4 жыл бұрын

@@SteveGriffith-Prof3ssorSt3v3 Oh thanks, I just understood what the problem was. Thank you :)

@6:36 hahaa trailer park boys??

+++

He hates Bobby.

Trailer Park CSS lol

Thank you!