"block-yui_" IDs

Is there a "trick" to adding blocks that don't get a dynamic "yui" block ID?

I'm trying to target a block with css but the ID it gets assigned is dynamic. It seems very random. Some blocks get straight up IDs #block-...) and others get "block-yui_..." added to them...

Thanks in advance...

#yui- is dynamic

but 

#block-yui/#block_ is static id, it won't change when you reload or refresh the page

note #yui and #block-yui is different id.

5 hours ago, frescova said:

Is there a "trick" to adding blocks that don't get a dynamic "yui" block ID?

You can use a plugin that helps you find the block ID. There are a couple out there, google SquareSpace ID Finder. 

Here is one for chrome 

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

Happy building!

Thanks everyone; I have the plug-in; just ran across several instances where either a section or block was assigned one of the "dynamic" IDs and wasn't sure why - or if it was arbitrary. @tuanphan answered my question right away and clarified things for me.

I have the Chrome plugin and am familiar with how to use it. But even when I inspect what I need to target, it isn't working and still shows just the yui block id. 

"Contact" page-- h1 heading for "Contact"

I just left the h1, but that's the code I'd like to use. It's consistent with the other page titles.

/* h1 {
  font-family: DCR Custom;
  font-size: 5rem;
}*/

"Venue" page-- "Dove Creek Ranch" center that title only for mobile. 

//this is where I am trying to center DCR Wedding Venue at the top of first paragraph left of the vid
/*@media screen and (max-width: 767px) {
   .sqs-block-html {
    position: absolute;
    text-align: center;
}
}*/

I have the Chrome plugin and am familiar with how to use it. But even when I inspect what I need to target, it isn't working and still shows just the yui block id. 

https://dcr-venue.squarespace.com/
Password: DCRwedding

"Contact" page-- h1 heading for "Contact"

I just left the h1, but that's the code I'd like to use. It's consistent with the other page titles.

/* h1 {
  font-family: DCR Custom;
  font-size: 5rem;
}*/

"Venue" page-- "Dove Creek Ranch" center that title only for mobile. 

//this is where I am trying to center DCR Wedding Venue at the top of first paragraph left of the vid
/*@media screen and (max-width: 767px) {
   .sqs-block-html {
    position: absolute;
    text-align: center;
}
}*/

Thank you so much for any help in advance.

Follow this to find block id