# Class- and id- names uniqueness

**URL:** https://discuss.emberjs.com/t/class-and-id-names-uniqueness/16379
**Category:** Questions
**Created:** [March 31, 2019, 6:59pm UTC](https://discuss.emberjs.com/t/class-and-id-names-uniqueness/16379 "2019-03-31T18:59:02Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![chris1](https://avatars.discourse-cdn.com/v4/letter/c/ac91a4/32.png) [@chris1](https://discuss.emberjs.com/u/chris1)
#### Post date: [April 1, 2019, 10:07am UTC](https://discuss.emberjs.com/t/class-and-id-names-uniqueness/16379/2 "2019-04-01T10:07:14Z")

</div>

Update:

i found a similar discussion:

> [@What is the correct way organize CSS file with Ember.js?](https://discuss.emberjs.com/t/what-is-the-correct-way-organize-css-file-with-ember-js/14547):
>
> 1. Question What is the correct way organize CSS file with Ember.js? Any general suggestion/advice on CSS when using Ember.js? How to write CSS per-component/ per-templates, avoid name confilct? 2. Why ask I am trying to customize Discourse, and their app/assets/stylesheets just confusing, How they avoid conflict with CSS name? Example: .latest-topic-list, .top-topic-list { @extend .topic-list-icons; .table-heading { padding: 12px 5px; color: dark-light-choose($primary-medi…

and a nice tool: [GitHub - salsify/ember-css-modules: CSS Modules for ambitious applications](https://github.com/salsify/ember-css-modules), it prefixes the class-names. But at the end i don’t want to have any automatism in class-naming.

the best would be if the IDE wold check for CSS-selectors. There is a issue on IntelliJ. You can vote for it, i think it would be a great help.

> **[Add inspection to report duplicated css-selectors and their definitions : WEB-74](https://youtrack.jetbrains.com/issue/WEB-74)**
>
> Hi, all I just read the issue WI-7918 and it seems that I have a simular problem but a concrete idea how to get rid of a part of those duplicates. Please provide new inspectors that marks the following CSS-statements: Totally equal CSS-selectors can...

for me it seems that the next-steps will be:

1. Having Style-Sheets beside Template / Components (i am working with Module-Unification)
2. Have a Prefix, by example “pe-” for the people-Template
3. Name of the Stylesheet is then: “pe-styles.scss”
4. All the Stylesheets are collected by “@import ‘../pe-styles.scss’”
5. All the classes which are defined in “pe-styles.scss” have the prefix “pe-”

=\> with that i have a overview for all prefixes in the main-stylesheet, by the import-steps and a manually namespacing.

For the Future i hope that IntelliJ insert the above mentioned inspector.

What do you think?

Best Regards, Christian

---

_[View the full topic](https://discuss.emberjs.com/t/class-and-id-names-uniqueness/16379)._