From f7a0936d68768e8b4637fe500a93fb6b3dc94e7e Mon Sep 17 00:00:00 2001
From: Ece <43401712+ecemac@users.noreply.github.com>
Date: Sun, 18 Nov 2018 05:05:13 +0300
Subject: [PATCH] Add info about class order (#21986)

---
 guide/english/html/css-classes/index.md | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/guide/english/html/css-classes/index.md b/guide/english/html/css-classes/index.md
index 4fb2f53634..294a678d00 100644
--- a/guide/english/html/css-classes/index.md
+++ b/guide/english/html/css-classes/index.md
@@ -47,6 +47,28 @@ Then in your css file:
 }
 
 ```
+The order of the multiple classes you give to an element is irrelevant. If classes of a single element have conflicting styling, the order of the classes does not override the styling of the element but the order in CSS does.
+
+```html
+
+<div class="batMan voice">
+ I have a deep voice.
+</div>
+
+```
+```css
+
+.voice{
+  color:red;
+  border:1px solid #000
+}
+
+.batMan{
+  border:1px solid #194745
+}
+
+```
+In this example, border of the element would be green even if the class "voice" comes second in html.
 
 **Note:** Class names are traditionally all lowercase, with each word in a multi-word class name separated by hyphens (e.g. "super-man").