Menu
i found this code via Google Developer Tools:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class=" js canvas canvastext geolocation crosswindowmessaging websqldatabase no-indexeddb hashchange historymanagement draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms no-csstransforms3d csstransitions video audio localstorage sessionstorage webworkers applicationcache svg smil svgclippaths no-opera no-mozilla webkit fontface">
</html>
and this code via html source code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> </html>
obviously these classes get generated with Javascript. But Why? Why so many css classes for html root element?
978
Since CSS is also designed for SVG and XML you can actually use :root and it will just correspond to a different element. For example, in SVG the highest-level parent is the svg tag. Similar to HTML, the :root and svg tags select the same element, however the :root selector will have higher specificity.
The :root CSS pseudo-class matches the root element of a tree representing the document. In HTML, :root represents the <html> element and is identical to the selector html , except that its specificity is higher.
The <html> HTML element represents the root (top-level element) of an HTML document, so it is also referred to as the root element. All other elements must be descendants of this element. None.
These get generated by Modernizr, as a means to identify what features are available to a user's browser.
71
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
