This example demonstrates the CSS cascade and selector specificity rules, showing a set of four horizontal bars and their labels. The bars' fill colors change based on whether they are styled by a class, an ID, an inline style attribute, or a default presentation attribute, with the class and inline styles overriding the SVG attributes while the ID also takes effect. The code uses raw SVG elements inside an HTML body, with styling applied via an embedded `<style>` block and the "Share Tech" font. It is a static visualization that never requires React.