CSS: [ ] selector

[raddevus]

Trying to tighten up my CSS skills so I'm reading, CSS: The Definitive Guide[^] (4th ed) O'Reilly pub., and I learned something about CSS selectors I've never seen before. If you have only a bit of CSS knowledge (like me) then you probably know you can create : 1) id selectors (indicated by # symbol)

#mainThang{color:blue;border: 5px solid red;}

.articleTitle {font-size:xx-large;color:red}

This Explains Everything

All Elements With An Attribute But, did you know you could select all elements that have a particular attribute? For example you can select every img

brackets to indicate the attribute of the element:

img[alt] {border: 3px solid red;}

The first two images would get the style applied, but the last one wouldn't. I like learning. Learning's my favorite. :)

[Forogar]

Interesting. I avoid messing with CSS as much as possible, jQuery is my thing, but I suppose I should spend a little more time on learning about it.... maybe next year.

- I would love to change the world, but they won’t give me the source code.

[Richard Deeming]

You can also select elements based on full or partial matches of the attribute value: Attribute selectors - CSS: Cascading Style Sheets | MDN[^]

---

"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer

[BabyYoda]

There are a lot of different selectors. Here's some more, CSS Selectors Reference[^]

[raddevus]

� Forogar � wrote:

I avoid messing with CSS as much as possible,

Me too. Boostrap [^] will definitely spoil you if you try it out. It basically style controls for you in HTML the same we were able to depend upon Microsoft to do all that for us on WinForms in the past.

[raddevus]

Richard Deeming wrote:

You can also select elements based on full or partial matches of the attribute value

:thumbsup: Yeah, there's a lot more granularity there than I had ever known. Good stuff really.

[raddevus]

W3Schools is a good reference. I use it all the time. Thanks

[Forogar]

Yeah, we use Bootstrap as well. I like it because "it just works".

- I would love to change the world, but they won’t give me the source code.

[raddevus]

Forogar wrote:

I like it because "it just works".

:thumbsup: Absolutely! It's actually quite easy to learn from the bootstrap examples too.

[Mike Hankey]

Yes, but the only reason is I have and have read that book. :)

I'm not sure how many cookies it makes to be happy, but so far it's not 27. JaxCoder.com

[raddevus]

Mike Hankey wrote:

Yes, but the only reason is I have and have read that book.

Fantastic! :thumbsup::thumbsup::thumbsup: :)

[Marc Clifton]

raddevus wrote:

I like learning. Learning's my favorite.

Followed by ranting about what I learned, at least for me. :laugh:

Latest Articles:
Thread Safe Quantized Temporal Frame Ring Buffer

[Phil Boyd]

wait until you find out about the pseudo-selectors like nth-child... :wtf:

Phil

[kapalmuks 3]

😘😘😘😘