css specif all media code example

Example 1: media types in css

:all 
Suitable for all devices.
:braille
Intended for braille tactile feedback devices.
:embossed
Intended for paged braille printers.
:handheld
Intended for handheld devices (typically small screen, limited bandwidth).
:print
Intended for paged material and for documents viewed on screen in print preview mode. Please consult the section on paged media for information about formatting issues that are specific to paged media.
:projection
Intended for projected presentations, for example projectors. Please consult the section on paged media for information about formatting issues that are specific to paged media.
:screen
Intended primarily for color computer screens.
:speech
Intended for speech synthesizers. Note: CSS2 had a similar media type called 'aural' for this purpose. See the appendix on aural style sheets for details.
:tty
Intended for media using a fixed-pitch character grid (such as teletypes, terminals, or portable devices with limited display capabilities). Authors should not use pixel units with the "tty" media type.
:tv
Intended for television-type devices (low resolution, color, limited-scrollability screens, sound available).
/*Media type names are case-insensitive.*/

Example 2: !important in css

/*
Applying css property to an element is like latest or last added css file styling will override all the design of HTML element.
for e.g.
added three css file in html document line by line
<link rel="" href="stylesheet1.css">
<link rel="" href="stylesheet2.css">
<link rel="" href="stylesheet3.css">

so from above file adding stylesheet3.css will override all duplicate styling.

and if you want to more priorities your css then add inline css.

But in critical sitution like if we don't want override any sytling of an specific element.
then we use !important in css property value.

!important is always on highest priority it works like styling that sticks to any element and never going to removed unless you remove !important from css property value.
*/

Syntax:
div {
 width: 100% !important;
}

/*
I hope that above description about !important in css will help you.
Namaste
*/