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

fix(guide): simplify directory structure

Browse Source
This commit is contained in:
Mrugesh Mohapatra
2018-10-16 21:26:13 +05:30
parent f989c28c52
commit da0df12ab7
35752 changed files with 0 additions and 317652 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
guide/english/css/selectors/attribute/class-equals/index.md Normal file
View File

@ -0,0 +1,15 @@
---
title: Class Equals
---
## Class Equals
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>.
<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>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

31
guide/english/css/selectors/attribute/class/index.md Normal file
View File

@ -0,0 +1,31 @@
---
title: Class
---
## Class
The CSS “class” selector is used to apply the same styling to multiple elements on the page. A great way to think of this would be like the blueprint of a car or building. The blueprint will allow you to build several cars or several buildings in the same manner after designing the actual layout once.
### Use Cases
Unlike the CSS “ID” class names are not unique. Therefore, it is fine for you to use a “class” several times if you would like for these elements to have the same styling applied. In fact, this would be a great time for you to use a “class.” If you would like for three “div” elements in your HTML to have a blue background you could use a class once in your CSS as seen in the example below.
```
<html>
<style>
.blueBg {
background-color: blue;
}
</style>
<body>
<div class="blueBg"></div>
<div class="blueBg"></div>
<div class="blueBg"></div>
</body>
</html>
```
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->
If you would like to learn more information on the CSS “class” selector please visit <a href="https://css-tricks.com/the-difference-between-id-and-class/">this page</a>

18
guide/english/css/selectors/attribute/dollar-sign-equals/index.md Normal file
View File

@ -0,0 +1,18 @@
---
title: Dollar Sign Equals
---
## Dollar Sign Equals
Dollar sign CSS attribute selector or $ is used for selecting attributes that end with specific value.
#### Example
If you want to search all anchor links of file type .pdf and make them red, you can do it like this:
```css
a[href$=".pdf"] {
color: red;
}
```

15
guide/english/css/selectors/attribute/hat-equals/index.md Normal file
View File

@ -0,0 +1,15 @@
---
title: Hat Equals
---
## Hat Equals
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/css/selectors/attribute/hat-equals/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<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>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

15
guide/english/css/selectors/attribute/index.md Normal file
View File

@ -0,0 +1,15 @@
---
title: Attribute
---
## Attribute
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/css/selectors/attribute/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
<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>.
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->

17
guide/english/css/selectors/attribute/star/index.md Normal file
View File

@ -0,0 +1,17 @@
---
title: Star
---
## Star
Star CSS attribute selector or * is used for selecting attributes that contain specific value.
#### Example
If you want to search all anchor links that contain "code" anywhere in the URL value and make them yellow, you can do it like this:
```css
a[href*="code"] {
color: yellow;
}
```