CSS selector - DataPage?

[HughOD]

I'm very verbose in CSS.  I'm wanting to know if each DataPage has some sort of unique ID or Class that I can reference in my theme (and that won't change)?

I know I can create unique themes per DataPage.  However, my hope is to have one theme and make a few small tweaks for individual pages.

For instance, I see the following at the top of my DataPage HTML:

<article class="ST9D135086691E4F12AD0A85D5CFBC37E3">
  <div id="cbOuterAjaxCtnr_449048b41c7e79">
    <div id="cbDataAjaxCtnr_449048b41c7e79">
      <form method="post" id="caspioform" ...>
        <div style="display: table;">
          <section data-cb-name="cbTable" id="cbTable_449048b41c7e79" class="cbFormSection_449048b41c7e79">

Are any of these ID / classes "static" for the DataPages where I could reference them in CCS?  Something like:

.ST9D135086691E4F12AD0A85D5CFBC37E3 span.cbFormData
{
	text-decoration: underline;
}

Thanks!

[Hastur]

Hello @HughOD

You may add the wrapper to your DataPage using header and footer.

Here is the example for responsive DataPages:

<!-- Code in the Header starts -->
  </header>
  	<div class="YOUR_CUSTOM_CLASS">
  <header>
<!-- Code in the Header ends -->
  
DATAPAGE

<!-- Code in the Footer starts -->
  </footer>
    </div>
  <footer>
 <!-- Code in the Footer ends -->

And  for the non-responsive DataPages:

<!-- Code in the Header starts -->
  </div>
  	<div class="YOUR_CUSTOM_CLASS">
  <div>
<!-- Code in the Header ends -->
  
DATAPAGE

<!-- Code in the Footer starts -->
  </div>
  	</div>
  <div>
 <!-- Code in the Footer ends -->

Also, you may find a lot of information about CSS selectors here - https://www.w3schools.com/cssref/css_selectors.asp

[Kurumi]

Hi @HughOD - In addition to this post, you may use wildcard selectors in the form elements. You can check this link for more information: https://www.geeksforgeeks.org/wildcard-selectors-and-in-css-for-classes/