Can I add custom CSS for a post based on a Meta Box field state?

To be clear, the custom post type is an Event type created by All-in-One-Calendar plugin not a MB custom post type. I'm just trying to tweak it because I'm using Beaver Builder to display these posts in a post grid in addition to the normal calendar views the calendar plugin offers.

But to generalize, it would be useful if I could insert CSS styles on a page based on MB Conditional Logic, not just for these Calendar Events, but anywhere I would use MB I could hide or override CSS styles on any element on the page with a CSS selector.

If for example the MB selection is #1 then the #section-heading might be set to blue, if #2 - red, if #3-yellow, etc. So using MB to invoke CSS to style non-MB elements on a page.

I was able to make this work, but not perhaps most elegantly, by using the textarea field and defaulting to:

<style>.ai1ec-time.ai1ec-row {display:none !important;}</style>

Then with conditional logic I hide that field in the metabox if the user chooses that this is a "repeating" event.

I then use Beaver Tbemer to insert an html module at the top of the content area for the repeating events Themer Layout so that <style> code gets inserted before the target selector gets called on the page.

I was not able to get this css style to work on an existing MB field if I put it into the html before or after field for other fields that appear at the top of a repeating event post.