Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Oliver Pu
Oliver Pu
1,582 Points

how come <button> is nowhere to be found in html and it still works? I changed "button" to "buttons" and stopped working

Is <button> a default css function/shortcut or am I missing something here? When I changed the word "button" to "buttons" and the graphics no longer fill up the space- therefore button is not an interchangeable word... really confused.

1 Answer

Kristian Terziev
Kristian Terziev
28,449 Points

Hello,

If you type in your css file this:

.button {

}

You are targeting every element with class "button".

If you type this:

#button {

}

You are targeting an element with id of "button".

But if you type only button like so:

button {

}

Then you are targeting all button tags like this one:

<button type="button">Click Me!</button>

So yes in a way it is a css shortcut. In fact you can target like this most of the html tags.

Hope that helps.

Best, Kristiyan