| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /nginx/html/JimMartinson/_Archive/MMDT1021/ExampleFiles/HTML6ed_examples/cssblocks/ |
Upload File : |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Specificity</title>
<link rel="stylesheet" type="text/css" media="screen" href="specificity.css" />
</head>
<body>
<p>Here's a generic p element. It will be red.</p>
<p class="group">Here's a group-class p element. There are two rules that apply, but since the p.group rule is more specific, this paragraph will be blue.</p>
<p class="group" id="one">Here's a p element with an id of one. There are four rules that could apply to this paragraph. The first two are overruled by the more specific last two. The position breaks the tie between the last two: the one that appears later wins, and thus this paragraph will be magenta.
</p>
</body>
</html>