Why my stylesheet links are getting -css at the end? How can I remove that ?

I have this in my custom function file:

function enqueue_styles_scripts() {
  wp_enqueue_style('bootstrap', get_template_directory_uri() .'/css/vendor/bootstrap.min.css');
add_action('wp_enqueue_scripts', 'enqueue_styles_scripts');

When I check the source this is the output:

<link rel='stylesheet' id='bootstrap-css'  href='//localhost:3000/wordpress/wp-content/themes/underscore/css/vendor/bootstrap.min.css?ver=4.4.1' type='text/css' media='all' />

Can you please explain why -css is getting added to the given id bootstrap ?

  • 1
    What's the problem with that!!! :o Commented Jan 24, 2016 at 6:05
  • There is no problem just wanted to know why its getting added. Commented Jan 24, 2016 at 6:09

1 Answer 1


The suffix -css exists to prevent collisions with other elements on the site.

The elements needs some id so you can manipulate it later per JavaScript, so there has to be a predictable naming scheme.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.