Using Squarespace to edit html/css
<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>