Different style for each tab.

.my-custom-tab1 { background-color:green }
.my-custom-tab1 .su-tabs-nav span.su-tabs-current { background-color:yellow }
.my-custom-tab1 .su-tabs-nav span:hover { background:red }

.my-custom-tab2 { background-color:pink }
.my-custom-tab2 .su-tabs-nav span.su-tabs-current { background-color:orange }
.my-custom-tab2 .su-tabs-nav span:hover { background:blue }

[su_tabs  vertical="yes"]
[su_tab title="Tab 1" class="my-custom-tab1"] Tab 1 content [/su_tab]
[su_tab title="Tab 2" class="my-custom-tab2"] Tab 2 content [/su_tab]
[/su_tabs]

I cant get it work, is it possible? Thanks

https://wordpress.org/plugins/shortcodes-ultimate/