[Cyril]

FUCK YEAH.

About e:nth-match, it's probably to style an element when there are a certain number of them. For example, make divs 320px wide of there are 3 of them, 480px if there are two, etc

[TheEmpty]

Daniel15, on 30 September 2011 - 08:29 AM, said:

The first draft of CSS Selectors Level 4 is out: http://www.w3.org/TR...ors4-20110929/. Anything with level 4 in the overview table is new.

Some observations from me:
- There's a very easy way to style internal links differently from external links - a:local-link matches links in the same domain.
- The :nth-column selector is like nth-child, except it matches table columns. You could use it to make every second table column a different background colour, for instance
- You can finally select parent elements! For example,

$p > a

matches all paragraphs that contains one or more links.
- I read over a few times and still have no clue what "E:nth-match" does

I would assume nth match is the nth match think like regular expression for the other matches. So every 2nd match I want to also change the text color or something.

I want nesting.

[soulcyon]

What happened to that huge fit about not adding parent selectors? Did they finally suck it up and add that "unoptimal parent logic"? The nth-match looks pretty cool

@nth-column, idk I find it pointless :S

http://jsfiddle.net/soulcyon/v5vPF/

+ div grids are becoming more popular, so idk why they would add more features to tables

[TheEmpty]

souless, on 30 September 2011 - 09:12 AM, said:

What happened to that huge fit about not adding parent selectors? Did they finally suck it up and add that "unoptimal parent logic"? The nth-match looks pretty cool

@nth-column, idk I find it pointless :S

http://jsfiddle.net/soulcyon/v5vPF/

+ div grids are becoming more popular, so idk why they would add more features to tables

Your fiddle doesn't highlight the 4th row in Chrome on Mac.

[Daniel15]

Quote

+ div grids are becoming more popular, so idk why they would add more features to tables

Tables will always have a use - They should be used for tabular data.

But yeah, I didn't think about doing it that way. nth-column just looks cleaner to me.

Quote

What happened to that huge fit about not adding parent selectors?

Yeah, I remember reading about that. I don't know what happened

[arronhunt]

Daniel15, on 30 September 2011 - 08:29 AM, said:

- You can finally select parent elements! For example,

$p > a

matches all paragraphs that contains one or more links.

FINALLY!!!!!!

ThatRailsGuy, on 30 September 2011 - 09:07 AM, said:

I want nesting.

I don't think CSS will ever support that guess developers will have to stick with sass/less.

[callumacrae]

I want Komodo to support LESS

[DarkCoder]

ThatRailsGuy, on 30 September 2011 - 09:44 AM, said:

Your fiddle doesn't highlight the 4th row in Chrome on Mac.

Doesn't in Chrome on Windows, either.

[soulcyon]

DarkCoder, on 30 September 2011 - 12:09 PM, said:

Doesn't in Chrome on Windows, either.

wtf cheats?

I would rather use nth-column anyways.

[Koen]

Oh my god, Time-dimensional pseudo-classess... Boys, we're going back in time!

[morrison_levi]

souless, on 30 September 2011 - 09:12 AM, said:

. . .
@nth-column, idk I find it pointless :S

http://jsfiddle.net/soulcyon/v5vPF/

+ div grids are becoming more popular, so idk why they would add more features to tables

They added more features to tables because. . . oh, yeah, they do have valid uses! Ever heard of data? We do still use that.


UI state selectors are my favorite part, but only slightly ahead of parent selectors.

[Daniel15]

You guys. souless' fiddle used :nth-child(2) and not :nth-child(2n). So it'll only affect the second column, not every even one.

Quote

They added more features to tables because. . . oh, yeah, they do have valid uses! Ever heard of data? We do still use that.

LOL xD

[soulcyon]

oh he meant "4th column", *facepalm*

idk how you typo "row" instead of "column" lolol

[TheEmpty]

souless, on 01 October 2011 - 12:09 AM, said:

oh he meant "4th column", *facepalm*

idk how you typo "row" instead of "column" lolol

'cuz my brain doesn't work like everyone elses, why I write good code ;P I think like |->| versus
. -> .
. -> .

[DarkCoder]

Daniel15, on 30 September 2011 - 09:10 PM, said:

You guys. souless' fiddle used :nth-child(2) and not :nth-child(2n). So it'll only affect the second column, not every even one.

Oh yeah, now it works.
Look at this: http://dl.tl/?bcd5

[soulcyon]

DarkCoder, on 01 October 2011 - 06:29 AM, said:

Oh yeah, now it works.
Look at this: http://dl.tl/?bcd5

WEeeeeeeeeeeeeeEEEeeEEeeEEEEeeee

[Daniel15]

Here's a writeup on it by David Story (a W3C Working Group member): http://dstorey.tumbl...3182/selectors4

[soulcyon]

"In CSS3 selectors, the negation selector (:not) can only accept a simple selector."

that sucks

well, it's more challenging for a couple things now, but it would be nice to have any arbitrary selector in :not()

[Daniel15]

Did you read the whole paragraph of the text you quoted?

Quote

These restrictions have been relaxed somewhat in CSS4 Selectors to also allow a selector list. Both simple and compound selectors are allowed. Pseudo-elements and nested selectors are still not supported however.

So CSS4 makes them a little more powerful