{"version":"1.0","type":"rich","title":"Investigation of CSS Precedence","description":"This example presents a static HTML page that visualizes the precedence of CSS style rules. It shows how different selectors and inline styles determine the final color of heading elements; an `<h1>` turns red from a stylesheet rule, while two `<h2>` elements become blue and green from their respective inline `style` attributes. The page relies on raw HTML, embedded CSS, and the browser’s default styling engine, with no JavaScript libraries. The rendering approach is direct DOM display, illustrating cascade behavior without interactivity.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/de46ea1a9cae4308b350068acce99f3b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}