CSS SELECTORS MADE EASY - HTML CSS Tutorial for Beginners

[@willisvensson]

I did two webbcoding classes in school. Then I haven't coded for about a year, so I watched this to refresh my memory, and let me tell you DAMN! You cover way more material than I learnt on my courses in a much more compressed time. Great tutorials, thank you!

[@Sergiorius_Terrible]

which country do u live btw?

[@phanirithvij]

CSS is what defines the beauty. JavaScript the logic. HTML the format.

[@prouddesk6577]

HTML = Builder CSS = Artist JavaScript = Wizard

[@4TH4RV]

@@prouddesk6577 my analogy: HTML : Skeleton (defines and builds a foundation) CSS: Skin (Appearance) Javascript: Nervous system (controls everything)

[@mal3k]

@@4TH4RV OMG!, This so exactly similar.

[@amol_thakurdware]

Well said! 😊

[@nvermr]

@@4TH4RV human anatomy in code

[@oscwavcommentaccount]

These are probably the best HTML tutorials I have watched.

[@Azarie03]

I have watched and bought so many courses on HTML, CSS, and JavaScript, but these are the best! And they're bite-sized which helps a ton. Thank you!!!

[@noahm.9091]

I've had a website domain sitting around for a month and a half. finally got motivated to start and this series has taught me everything I need. Thank you!

[@chaeriz]

how did it turn out?

[@tapasranjanpaul6743]

I am 14 year old student I understood web development easier than my studies , thanks for making such a video ,thanks

[@hardstylerzPL]

9:45 Maybe I'm missing something but :active will not be applied when you are on the /home page but it's applied for only a moment just after clicking a link (after mouse down and before mouse up) so it allows to select a link while it is being activated.

[@talhabinzubair8464]

same

[@indigoxalis]

Thank you so much for your tutorials! I've been binging them the past couple hours and feel so much more comfortable with HTML and CSS! I can't wait until I can create my own webpage.

[@CommonWealthSnow]

How's it going?

[@amgdeg4897]

we need to know please

[@reubenjoji7091]

This course has actually helped me to refresh my memory on HTML and CSS.. THanks a lot daddy!!

[@Inarius999]

yooooooooooooo

[@zandbergx9747]

Best tutorial I've ever watched. Also the best coding tutorial I've seen in general (that isn't a book)

[@novaplex4763]

Please continue this series it is amazing and very good at teaching code. I need more of this

[@dawin6710]

I don't know who you really are. But you are doing an amazingly great job with these tutorials. I believe you're want people to understand and get autonomous. Thanks.

[@scottsaccenti]

This is really good, and while you can find so many free resources like this one online to help you understand these concepts, I have yet to find a better one for clear, quick, concise instruction. Thanks a bunch for making these.

[@jeffroper1218]

I love the tutorials but this one feels like I've missed one. In which tutorial was the code for test.html written?

[@seyit3552]

He has written test.html before the video.

[@jkremis1423]

This just seems to be kind of a follow-up to the regularly scheduled html/css project he's been working on. This expands upon on the use of commands in CSS past the most basic things like background: or color:. You didn't miss anything, this is just extra info for the long haul :)

[@AsaWhitaker-w5t]

I believe that he intentionally used a different document in order to challenge you. If you can't directly copy is code, you have to actually learn it.

[@renspolak6154]

This is the first episode that i start to think its hard to learn!

[@deansofic914]

cause he fucked up

[@adarshp6930]

Awesome dude, love the way you've detailed everything.

[@Witchkart]

you have been so happy in all the tutorials before this, but here you sound kinda exhaused. I know its 5 years ago but I hope you're alright! also thank you for your content! you're really helping me!

[@SarraSarra-dk7qp]

I did the same code but the navigation bars came one under another instead of on the same line, any idea why or how to fix it ?

[@lovacc_1967]

Watched this with my dad we are building websites now in pur free time i replaced codin/programming with gaming its alot more rewarding and satisfying

[@Numonique]

'Thank you very much, I'll be here all week.' Your course is informative and funny. Had a good laugh. A great way to learn this all! :)

[@jerwellsavella97]

Sometimes you just wanna mess with the first child, lmao that one sent me.

[@berniceagbenorxevi973]

best most simplified web development videos..... amazing🥰

[@effiongmfoniso5408]

Please how they do I do the colon?

[@VadexVx]

hey can u tell me what ide that u use???

[@TR011TIM3]

Thank you so much for all this tutorials, im building my own website and want to learn more! hope you could continue with these tutorials

[@elisabethabia4781]

Very helpful! Are there more videos on creating the page layout?

[@WilliamGarrett-z2h]

Which app are you using

[@rasulali4690]

"This is the ugliest navbar of all time"... Amen brotha

[@guest_adev616]

amen

[@skitspits]

Thank you. For some reason the .class doesn't work but the # does! thanks for the tutorials keep it up!

[@tomzhao8262]

This needs 1M views

[@snaek]

Maybe like 10 mil

[@christianek.963]

I liked your video, thank u!! Btw you need ID's for an 'anchor link' and for a 'target selector'.

[@mahyamohamadi343]

what do we call other li s in between first and last child? also can we style div s differently ?

[@Skrattoune]

This one is really a must watch ! thanks for it

[@jordanpotoski8203]

Is it better to use ID's or Classes? Or does it not matter particularly? Thanks!

[@demetre6473]

Is it ok to give link () to div_es?

[@gregscolumn]

Have a problem getting the display flex working well.. all sections looks jammed together

[@niloykabir4426]

excellent tutorial with great speaking skill... keep the series going

[@deepakrathore7723]

i love to watching your tutorials you made everything easy thank you sir

[@shivamraval6172]

love your vids watching since a long time, just some advice theres a live preview plugin built into vs code since you use it so do i. theres also a wrap text setting which would make life easy for ya, was hectic for me. enjoy man love ya vids got me from zero to hero at web scripting

[@amgdeg4897]

how is it going now man

[@Summer-uc8hr]

is this like an extra vid in the middle of the series?

[@자시엘-l1s]

What does he mean by illegal Was that figurative language or literal

[@matiasvaccaro453]

figurative, the thing is that the diferent browsers will not read the page of the same form so a good css practice is not use more than use an id per object, if you got another element use another id not the same. sorry for my bad english

[@erikiseki]

lol arrested for using the same id twice on the same page.

[@farrukhatabekov595]

Great tutorials, man!

[@evandixondesigns6751]

This is so helpful! Thank you!

[@koenterheegde9328]

So where can I find the next video?

[@zensasquatch4627]

Thanks for making these vids dude. I was finding them really helpful but the the past 2 clips are impossible for me to read the code that you are typing. It is displayed way too small on my screen and the way that youtube auto sizes the clip means that zooming In / out with the browser doesn't help. Is there any way you could make the code appear larger and more readable please? ♥

[@robertbutcher222]

Wouldn’t using a css selector like “section.class-name” be cleaner than just “.class-name” since it tells you what the class is on, making it easier to remember precisely what your targeting?

[@gadafijaphaly2767]

stunning tutorial

[@hotshots149]

What text editor are you using?

[@learncodeacademy]

I'm using VSCode - I show my setup in the first video of this series kzbin.info/aero/PLoYCgNOIyGABDU532eesybur5HPBVfC1G

[@hotshots149]

@@learncodeacademy Thanks!

[@reclearning558]

Ya these are awesome tutorials dude, thank you.

[@kritishah1659]

Thank you sir, very informative video to learn CSS Selector. These days I am hearing a lot about SelectorsHub CSS Selector tool, hows that tool sir?

[@satyajitchattopadhyayyt]

You are a great teacher..

[@oleksandrsokolov4496]

Your voice is beautiful !

[@amerrashed6287]

Ids for selecting form elements, buttons, inputs, etc. Classes for any other else.

[@theguyrightthere9056]

Still waiting for the next part...

[@blessingmaneta4480]

Appreciate it work. Education changes ppls life

[@hypegt6885]

Thanks, Can you do one with X-Path?

[@amrinjaffni4268]

how often are you posting the video?

[@fuadajkic9167]

when i put grey background on first section, my text wasnt visible...it makes me crazy..until i change color..now its fine, il be able to sleep

[@gadafijaphaly2767]

ahahahaha

[@10meisterballe]

I think I will use IDs if I want to only style a single element

[@pelumimustapha4146]

You are a great teacher, lucky to come across your page. Do you have other courses JavaScript/Phyton/C+ and more detailed information on Html/Css on Udemy?

[@MathinusG]

Dude...you rock!

[@w.zganiacz3109]

Any chance for a new part ? :)

[@razeev4685]

Thanks very Helpful :)

[@Zdshh12]

OMG. dude You are really awesome!!!!

[@jeromekentbayubay]

Thank you very much!

[@odynnxd]

Hey! The audio is fixed ;)

[@stuffy.design]

"Pound Frank" 🗣🗣

[@clearwavepro100]

Great, thank you!

[@snaek]

Thank you for so much help.i. the last videos

[@Peedy]

Pounding Frank is illegal

[@Edgypenguin]

I came here just for that lmao

[@aksai0003]

anbody having any whatsapp groups for web development

[@F0r3v3r96]

Good work , is not that hard at the end thanks to you .... The funny part is ( I`m ironic ) how the ppl the wached first tutorial didn`t continued ...

[@onesandzeroes]

Shouldn't that be "ul:first-child", not "li:first=child"? The child of "li" would be "a" (so I'm surprised this works).

[@jamespierce946]

The video is correct. `li:first-child` is the first `li` in the parent, not the first element within the `li`. Since there is no space between two selectors (such as `li` and `:first-child` or `section.feature-box`, it will not be referring to a nested element). `ul:first-child` would make the background red for the entire `ul` that also happened to be the first within that parent-in this case, the first `ul` on the page.

[@carolkelly8848]

These are very nice videos but they are extremely hard to read.. Maybe if the font was larger.

[@lennard5690]

thx man, so helpfull

[@apporvaarya]

very very interesting tutorial :0

[@juraijbinjamal5313]

2:18 I lost it here

[@SM-jf9gx]

this escalated pretty quickly lol

[@jasonbrassett8130]

Jason Bateman?!

[@erfanrahmani]

Less than 12 minutes video with 4 ads! I don’t find that mush ads even on TV! It is distracting.

[@christiancoleman5870]

Dude made a very comprehensive beginners guide to html and CSS that you have access to for free. He's allowed to monetize. If you are that slow just rewind the video

[@codeaxen]

Hello Learncode.academy Thanks a lot for these Tutorials Great work... but have a question in mind, is there a easier way in 2019 for converting a Static web template to a Dynamic one with full administrative controls ??. Thanks

[@VijaykumarA-o8v]

Good Good Good Good Good Good Good Great Great Great Great Great Great Great your explanation is good to understand for me, Thank you you you you you God Bless You God Bless You God Bless You God Bless You God Bless You God Bless You

[@user-gu5cs2wt9g]

You mention getting the point across. I don't get the point at all. Ive watched you spend two lessons doing all sorts of playing around with rules, classes, elements, whatever for these 5 tiny rectangles named a,b,c,d,e. What god are they? Why would anyone want those on a website?

[@shashank_kishore_]

❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

[@costinstanicel341]

fenk iu

[@klyrik_lyrics]

yep this is where you lost me...

[@RitterTree]

Too bad these videos come out just once a week.