Add an id element to an accordion title shortcode

Solved it by adding a “span” tag with the right id around the shortcode:

CSS:
#mission{color:#ff2819;}
#consistency{color:#f0a51a;}

HTML:
<span id=”mission”>[su_spoiler title=”Mission” ]
<h3>“Do we know where we are going?”</h3>
High performing organizations have a mission that tells employees why they are doing the work they do, and how the work they do each day contributes to the why….
[/su_spoiler]</span>

…It works but it colors all the text for that tab. Maybe there is a better way to do it?