mirror
/
front-end-interview-handbook
mirror of https://github.com/yangshun/front-end-interview-handbook.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[CSS] Mention presentational attribute specificity vs. CSS in SVG question (#196)

This commit is contained in:
Rob Levin 2019-06-02 10:48:01 -07:00 committed by Yangshun Tay
parent 13be2b2de4
commit 1de75f22f8
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
questions/css-questions.md
View File

@ -235,6 +235,8 @@ Basic coloring can be done by setting two attributes on the node: `fill` and `st
fill="purple" fill-opacity="0.5" stroke-opacity="0.8"/>
```
The above `fill="purple"` is an example of a _presentational attribute_. Interestingly, and unlike inline styles like `style="fill: purple"` which also happens to be an attribute, presentational attributes can be [overriden by CSS](https://css-tricks.com/presentation-attributes-vs-inline-styles/) styles defined in a stylesheet. So, if you did something like `svg { fill: blue; }` it would override the purple fill we've defined.
###### References
* https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Fills_and_Strokes