'LESS / SASS I never seen this syntax before

So my buddy asked me what is this, we know it is a type of css but never seen this syntax. We could only guess what it is doing, but I have a one question what is it actually doing? I did not see the whole site just this snippet here

input#{:id}.simple-typeahead-input{
      @apply for-text-input;
// never saw input#{:id} like this then connected to the actual class
}

is this common practice with LESS or is it wrong? I have know idea I just started learning SCSS. What does this snippet even do. I can only guess but I would like to know exactly what it does if anyone knows. :)



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source