From d36806a06db4396f5af3a2f59c618f7988470ef2 Mon Sep 17 00:00:00 2001
From: CGS-Jack-Bashford <37096442+CGS-Jack-Bashford@users.noreply.github.com>
Date: Sun, 4 Nov 2018 11:33:22 +1100
Subject: [PATCH] Add example and reason why is not commonly used (#20837)

* Add example and reason why is not commonly used

Expanded from stub - added an example, an example of the simplified version (.class selector) and added some external references

* removed w3schools links
---
 .../selectors/attribute/class-equals/index.md | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/guide/english/css/selectors/attribute/class-equals/index.md b/guide/english/css/selectors/attribute/class-equals/index.md
index beae14c0ba..2aa37f41d5 100644
--- a/guide/english/css/selectors/attribute/class-equals/index.md
+++ b/guide/english/css/selectors/attribute/class-equals/index.md
@@ -2,14 +2,21 @@
 title: Class Equals
 ---
 ## Class Equals
+To select an item with a class attribute, you use the following selector:
 
-This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/css/selectors/attribute/class-equals/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
+```css
+p[class="happy"] {
+    color: yellow;
+}
+```
 
-<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
+This selector is not commonly used, as there is a general class selector. We can rewrite the above selector like this:
 
-<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds  -->
+```css
+p.happy {
+    color: yellow;
+}
+```
 
 #### More Information:
-<!-- Please add any articles you think might be helpful to read before writing the article -->
-
-
+https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors