<\/p>\n<\/p>\n
There is a disease out there in the CSS world. It can afflict anything from the meanest weblog (or the nicest ones too, I suppose) to the greatest of corporate websites. It\u2019s called Classitis, and I\u2019ve encountered it far too often in my professional work. Perhaps you\u2019ve seen it too. It looks a little something like this:<\/p>\n
body {\n\tfont-family: Arial; }\nh1 {\n\tfont-family: \"Times New Roman\"; }\nh2 {\n\tfont-family: \"Times New Roman\"; }\np {\n\tfont-family: Arial; }\np.ArialRed {\n\tfont-family: Arial;\n\tcolor: red; }\np.ArialRedBig {\n\tfont-family: Arial;\n\tcolor: red;\n\tfont-size: 150%; }\nul {\n\tfont-family: Arial; }\nul.ArialRed {\n\tfont-family: Arial;\n\tcolor: red; }\nstrong.redArial {\n\tfont-family: Arial;\n\tcolor: red; }<\/pre>\nThis particular snippet of (completely fictional) horribly afflicted CSS suffers from multiple problems which could all probably be considered symptomatic of Classitis, even when they don\u2019t directly involve classes. I\u2019ll go through the five of the most glaring problems and how to remedy them below.<\/p>\n