adding css id to the contents in the text component

[amrutadotorg]

Hi, I'm trying to add styling to the bold words in my text component. Do you think it is possible to add the CSS ID to the content so instead of:

.page-wrapper strong {
    background-color: #ff9800;
    font-weight: bold;
}

I could use for example:

#headline b {
    background-color: #ff9800; /* Orange */
    font-weight: bold;
}

SELECT 
    'text' AS component,
    'headline' as id;

SELECT post.id, 
       ts_headline('english', post.content, plainto_tsquery('english', $search), 'StartSel=**, StopSel=**') AS contents_md,
       translations.language_code
FROM post
JOIN translations ON translations.element_id = post.id
  AND translations.element_type = 'post_post'
  AND translations.language_code = 'en'
WHERE post.content_tsv @@ plainto_tsquery('english', $search);

[lovasoa]

The text component already has an id attribute

[amrutadotorg]

related to #367