CSS Tutorial For Beginners 18 - Attribute Selectors

Yo ninjas, what's going on? In this CSS tutorial for beginner's we'll be mixing it up with some awesome attribute selectors - which, quite honestly, are one of the coolest types of selectors in CSS, full stop. Attribute selectors can help us target those elements which do not have a class, ID, or any way of finding it via child or descendant selectors. Swot up on you attribute selectors to become a true CSS ninja! Keep coding, and have fun :).

========== CSS for Beginners Playlist ==========

========== HTML Basics Course ==========

========== The Net Ninja ============

========== Social Links ==========

[maheshnayak]

Explained concepts in simple, clear, precise, to the point. My simple suggestion/request, every time you open browser from bracket, it is taking unnecessary time, so u can use Alt+Tab to switch between bracket and chrome + refresh Or at least set html file properties to google chrome so that you can directly open html file in chrome by double clicking html file. I hope you take my suggestion positively. And thanks for knowledge sharing.

[alxhrrs]

i just managed to use this on a single image link in a gallery. the guy asked me if i could disable the link on this one specific image. i thought, "well no i can't because you're using the wp gallery block and i don't have access to any single click function, instead if the gallery were coded, it would be simple." then i remembered this tutorial and, mr. net ninja....you are just amazing man. your tutorials/playlists are just the best! thanks so much for educating us!

[alienfunbug]

this has literally exploded my mind. Im about to go full regex in my css

[JohnMervinancheta]

I love the way you teach the basic now I know that I watch your video all before take make advance

[idowuomotola]

Hi Shaun, great job with your tutorials, super helpful!
Just wondering what instances would necessitate an element having more than one value to an attribute
Example <Span Class="deck halls">
Seeing as selecting it with both class differently would create a conflict

Super grateful for your tutorials once again!

[eruston]

Hey Shaun, maybe too late for this series, but I am using the Visual Studio Code application that you recommended in your 'Modern Javascript: from novice to ninja' udemy course with live server and it works so much smoother than doing all that 'save and then open with google chrome/firefox/whatever' steps that you are doing. Great course otherwise! Thank you!

[rene]

"title" attribute for "a" tag? Never heard of that.
Edit: Learned it now. It is the text, which is shown when hovering over the link with the mouse.

[somedude]

I just love how you say "style"

[abebrosiczki]

Thank you bro, it's so satisfying when the code works.. 🙏😃

[dandelion]

Thank so much! Great explanation as usual!
When you were talking about the caret sign, I thought that you had said the "carrot sign", ahhah! I was wondering if there was truly some mysterious sign named like that XD

[savikrish]

In one of your previous tutorials, you said that elements are worth 1 point, classes are 10, and an id is 100. This is how the browser would weight them. So how much points are attribute selectors worth?

[eeker]

Can we chain attribute selectors together? Say we have 5 element like a <link> tag, each with multiple attributes, but we only want to target one of them, decided by a combination of 2 attributes - say the href and the type attributes.

[prajwalkhanal]

hahah. Yo that "what the hell is going on" cracked me man. hhahaha. good one

[salehabuhussein]

Attribute Selector is stronger than id and class >??? Is that correct?

[varshatn]

As always its awesome !, but a small suggestion if u use dark theme background visibility will be more good .

[StrangeIndeed]

cons:
>white theme
>reopens website instead of hitting F5
pros:
>his explanations are superb

[ecosunflower]

Hi. What´s the difference in writing .deck or span[class] what´s the difference in using the normal class dot?

[kingsuccez]

what's in the front of the href tag?

[trendingnow]

What to do to colour different div in different colours..or different a in different colours

[sagarsehwag]

Out of all the selector which will have greater precedence attribute selector or id or class?