Multiple Class Naming Convention

Question

Recently i have been looking into Plugins and i keep seeing class names such as

  <div class="swiper-slide red-slide">
    <div class="title">Slide 2</div>
    <p>Keep swiping</p>
  </div>

It gets confusing when i am trying to modify the css files, I wanted to understand this class naming convention.

What does class="swiper-slide red-slide" mean? Does it mean that div has class attribute = "swiper-slide" and = "red-slide" ?

Yep, that's exactly what it means. It has both `swiper-slide` and `red-slide` classes. — George, Jun 17 '14 at 10:04
Yes, Space separated classes, for assigning multiple classes. — Mustafa sabir, Jun 17 '14 at 10:06
http://stackoverflow.com/questions/8722163/how-to-assign-multiple-classes-to-an-html-container Yes, read about it there. — sander, Jun 17 '14 at 10:08

Christoph Bühler · Accepted Answer · 2015-09-18T20:07:44.577

2

Yes, a HTML element can have multiple classes.

<div class="swiper-slide red-slide">

means, that you can access the element with the class ".swiper-slide" and also ".red-slide". Of course, this does not work with IDs.

edited Sep 18 '15 at 20:07

answered Jun 17 '14 at 10:05

Christoph Bühler

score 1 · Answer 2 · answered Jun 17 '14 at 10:05

1

Class. This attribute is a space-separated list of the classes of the element.

answered Jun 17 '14 at 10:05

IMSoP

2 Answers2