OpenMRS

Avoid universal CSS (*) selector

Wildcard selector * is being used in openmrs-module-legacyui/blob/master/omod/src/main/webapp/resources/css/openmrs.css

Wildcard * in CSS can produce unexpected results, as it applies to every element on a page.

Example:

* { 
  color: blue
}

li { 
  color: red 
}

Here <li>text</li>, the text still will be blue!

So in the openmrs.css we can't override the font-family attribute for any other element because * always takes precedence. (This might not affect all browsers)

So it is recommend that we move: font-family: Verdana, 'Lucida Grande', .. attribute to html { } tag instead.

Students who completed this task

Snaddyvitch Dispenser

Task type

  • code Code
close

2017