-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfile.html
55 lines (42 loc) · 3.74 KB
/
file.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<!-- saved from url=(0072)https://cs.slu.edu/~espositof/teaching/5360/simple-selectors-before.html -->
<html class="translated-ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Simple Selectors</title>
<style>
/* all h2 elements */
h2 {
color: red;
text-align: center;
}
/* all with class="highlight" */
.highlight {
font-size: 20px;
font-weight: bold;
font-style: italic;
background-color: green;
opacity: .6;
}
/* element with id="mainPoint" */
#mainPoint {
font-size: 24px;
font-weight: bold;
background-color: red;
opacity: .7;
}
/* all p AND h1 elements */
p, h1 {
color: blue;
text-align: center;
}
</style>
<link type="text/css" rel="stylesheet" charset="UTF-8" href="./Simple Selectors_files/translateelement.css"></head>
<body>
<h1><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Simple Selectors (h1)</font></font></h1>
<h2><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Subheading 1 (h2)</font></font></h2>
<p class="highlight"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">It is very important for the customer to pay attention to the adipiscing process. </font><font style="vertical-align: inherit;">Can we have another one? </font><font style="vertical-align: inherit;">When he hates us, as if he were loosed, he seeks greater pains to be expedient.</font></font></p>
<p class="highlight"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Paragraph with attribute class="highlight". </font><font style="vertical-align: inherit;">It is very important for the customer to pay attention to the adipiscing process.</font></font></p>
<h2><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Subheading 2 (h2)</font></font></h2>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">It is very important for the customer to pay attention to the adipiscing process. </font><font style="vertical-align: inherit;">No one chooses the pains or the ways of the great forgiveness of others. </font><font style="vertical-align: inherit;">The pleasure of the duties of the pain is asperated by the pain of the very manner of pains, for us of the mind!</font></font></p>
<div><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">This is the main point of the entire article. </font><font style="vertical-align: inherit;">So, attribute
</font></font><span id="mainPoint"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">id="mainPoint".</font></font></span> </div><div id="goog-gt-tt" class="skiptranslate" dir="ltr"><div style="padding: 8px;"><div><div class="logo"><img src="./Simple Selectors_files/translate_24dp.png" width="20" height="20" alt="Google Translate"></div></div></div><div class="top" style="padding: 8px; float: left; width: 100%;"><h1 class="title gray">Original text</h1></div><div class="middle" style="padding: 8px;"><div class="original-text"></div></div><div class="bottom" style="padding: 8px;"><div class="activity-links"><span class="activity-link">Contribute a better translation</span><span class="activity-link"></span></div><div class="started-activity-container"><hr style="color: #CCC; background-color: #CCC; height: 1px; border: none;"><div class="activity-root"></div></div></div><div class="status-message" style="display: none;"></div></div>
<div class="goog-te-spinner-pos"><div class="goog-te-spinner-animation"><svg xmlns="http://www.w3.org/2000/svg" class="goog-te-spinner" width="96px" height="96px" viewBox="0 0 66 66"><circle class="goog-te-spinner-path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle></svg></div></div></body></html>