title: Using Squarespace to edit html/css
body: <p>I am trying to create a website on Squarespace and am having trouble selecting elements on my HTML page to use in the custom css. When I use the inspect element on my  browser, the ID's for some elements change while others are constant.</p>
  
  <p>I am running the developer mode and downloaded the code to my local machine via github. </p>
  
  <p>In the <code>downloaded site.region</code> file I found the <code>div</code> element which contains the content I am trying to style:</p>
  
  <pre><code>&lt;div id="content" class="main-content" data-content-field="main-content" data-collection-id="{collection.id}" {.equal? collection.typeName "gallery"}{.or}{.equal? collection.typeName "index"}{.or}data-edit-main-image="Banner"{.end}{.end}&gt;
       {squarespace.main-content}
  &lt;/div&gt;
  </code></pre>
  
  <p>Where is <code>{squarespace.main-content}</code> coming from and how do I select elements inside of it to style?</p>