Skip to content
Update About working with CSS in Sandbox authored by Ramses 800's avatar Ramses 800
......@@ -21,8 +21,22 @@ CSS stands for Cascading Style Sheets and is the language used to describe how H
A good place to start learning about CSS is https://www.w3schools.com
## Working with CSS in Foundry and Sandbox
### Using Developer Tools to identify your Sandbox sheet elements
To find out what CSS classes and elements to use as selectors, in other words, how to identify what to target to get the look you are going for, the Developer Tools are very useful.
This video goes through the basics of the Developer Tools, although it is not about Foundry/Sandbox specifically, it is the same basic principles that is used for Foundry/Sandbox.
[How to Use Chrome Developer Tools for CSS Changes](https://www.youtube.com/watch?v=l0sgiwJyEu4)
## A note about CSS Specificity
If you have a working rule set(the CSS attributes) that wont take effect on the selector you are using, that usually means that somewhere else a selector has a higher Specificity(basically the CSS order of hierarchy and more detailed selector you use, the higher Specificity) and will use that instead.
Sandbox default CSS sometimes uses a more specified selector and that means that the Sandbox CSS takes precedence over selectors without that.
So, this is not a bug as such, it is just the way CSS works.
CSS can be both very simple and yet can be very complicated.
More information about this can be found here
[CSS Specificity](https://www.w3schools.com/css/css_specificity.asp)
## Working with CSS in Foundry and Sandbox
Thera are several places to modify CSS in Foundry and Sandbox
- Foundry Style Sheet
......
......