Nativescript: CSS nth-child pseudo

[Tyre88]

Hello,

I can't find any support for nth-child pseudo element in the css. Is this going to be implemented?

I could find the issue #50 but it seems like it didn't make any change to this.

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[NickIliev]

Hey @Tyre88

Thanks for your feature suggestion - indeed this was already mentioned in the issue you had referred but it was not the main topic so I am logging this with your current thread in order the feature to have its own place. We will make some further investigation and post additional information here. once we have more clear vision on the topic.

[two-bridges]

How is this going? I still can't see support for nth-child, do you think this might be possible in future?

It would make css usage a LOT cleaner.

Eg. GridLayout wouldn't require "col='#'" attributes at all since you could hide that in nth-child selectors...

[spencercap]

+1

[mikepawlak]

+1

[imnikkielyn]

Still none?

[AnthonyLenglet]

This would be amazing in order to add margin to every item in a list past the first one, which is actually done a lot of time

<StackLayout class="list">
    <StackLayout orientation="horizontal">
        <Label text="&#x0001;"></Label>
        <Label text="Item 1"></Label>
    </StackLayout>
    <StackLayout orientation="horizontal">
        <Label text="&#x0002;"></Label>
        <Label text="Item 2"></Label>
    </StackLayout>
    <StackLayout orientation="horizontal">
        <Label text="&#x0003;"></Label>
        <Label text="Item 3"></Label>
    </StackLayout>
</StackLayout>

.list StackLayout:nth-child(n + 2) {
    margin-top: 50pt;
}