gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add example and reason why is not commonly used (#20837)

Browse Source 
* 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
This commit is contained in:
CGS-Jack-Bashford
2018-11-04 11:33:22 +11:00
committed by Christopher McCormack
parent e48814fd15
commit d36806a06d
1 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
guide/english/css/selectors/attribute/class-equals/index.md
View File

@ -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