Turning a dynamic CSS selector to a static one

Question

I have a dynamic CSS selector which turns out to be the only selector I could use in my robot framework test. I there any way to use this selector maybe using regex?

Here is my selector :

#weekend11063281 > a:nth-child(1)

Any solution to get rid of the dynamic id part after #weekend will be welcome!

Thanks

Answer 1

Below code should solve your problem

//HTML
<div id="weekend11063281">
    <div>one</div>
    <div>two</div>   
</div>

//CSS

[id^='weekend'] > div:nth-child(1) {
    color: red;   
}