# Css block nomeclature

**URL:** <https://forum.bootstrapstudio.io/t/css-block-nomeclature/12473>\
**Category:** Bootstrap Studio Help\
**Created:** [September 21, 2025, 9:19pm UTC](https://forum.bootstrapstudio.io/t/css-block-nomeclature/12473 "2025-09-21T21:19:59Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![christos](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/c/e36b37/32.png) [@christos](https://forum.bootstrapstudio.io/u/christos)\
**Post date:** [September 21, 2025, 9:19pm UTC](https://forum.bootstrapstudio.io/t/css-block-nomeclature/12473/1 "2025-09-21T21:19:59Z")

</div>

The videos are helpful but in the Apple design model ther are times when a new block is labeled:

.product element

.product .element

.product .element .element

Is BSS inferring the nesting from where the cursor is when New is clicked?

Therefor you must create a top-level block before any elements are added and all the rest are inherit this name and BSS infers the nesting for the new block name. Correct?