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

fix:grammar (#19420)

Browse Source 
* fix:grammar

* fix: corrected two link' syntax
This commit is contained in:
Steve Lee
2018-10-15 23:57:49 -05:00
committed by Quincy Larson
parent 1ccd182657
commit 8cb572c368
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/pages/guide/english/html/css-classes/index.md
View File

@@ -21,7 +21,7 @@ You can then style these elements with CSS. Classes are referenced with period (
} }
``` ```
This code give a blue background and a red text color to all the elements that have the `super-man` class. This code will give s blue background and red text color to all the elements which have the `super-man` class.
[View this example on CodePen](https://codepen.io/Tlandis/pen/RLvomV). [View this example on CodePen](https://codepen.io/Tlandis/pen/RLvomV).
You can also declare more than one class to your element, like: You can also declare more than one class to your element, like:
@@ -39,27 +39,26 @@ Then in your css file:
```css ```css
.ironMan{ .ironMan{
color:red; color:red;
} }
.alfred{ .alfred{
background-color: black; background-color: black;
} }
``` ```
**Note:** class names are traditionally all lowercase, with each word in a multi-word class name separated by hyphens (e.g. "super-man"). **Note:** Class names are traditionally all lowercase, with each word in a multi-word class name separated by hyphens (e.g. "super-man").
You can also combine classes in the same line: You can also combine classes in the same line:
```css ```css
.superMan .spiderMan { .superMan .spiderMan {
color: red; color: red;
background-color: blue; background-color: blue;
} }
``` ```
You can see the result of the above code <a href='https://codepen.io/Tlandis/pen/RLvomV' target='_blank' rel='nofollow'>here</a>. You can see the result of the above code [here](https://codepen.io/Tlandis/pen/RLvomV'). Learn how to combine css classes using selectors [here](https://www.w3schools.com/css/css_combinators.asp').
Learn how to combine css classes using selectors <a href='https://www.w3schools.com/css/css_combinators.asp' target='_blank' rel='nofollow'>here</a>.
#### More Information: #### More Information: