My page requires a URL to be displayed for students without default browser styles, such as changing to a pointer on hover. However, when I wrap the text in a div, I lose my desired styles. Here is what I have:
index.html:
<p>
Django has generated our first URL, the admin page. As this file serves as our URL entry point (as specified in `settings.py`), if our hostname is "www.eat-it.com",
<div style="color:blue;">www.eat-it.com/admin</div> can now be accessed. More information about Django admin will follow.
</p>
styles.css:
body {
background: #f0f0f0;
width: 80%;
margin: 0 auto;
}
h1 {
text-align: center;
margin-top: 35px;
margin-bottom: 60px;
}
p {
font-size: 20px;
font-family: sans-serif;
}
.cl {
margin: 38px;
padding: 25px;
background: #f8f8f8;
font-family:DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;
font-size: 12px;
}
.fake-url {
color: blue;
}
I attempted using .fake-url within the div,
<p>
Django has created our first URL, the admin page. Since this file acts as our URL entry point (as specified in `settings.py`), if our hostname is "www.eat-it.com",
<div class="fake-url;">www.eat-it.com/admin</div> is now accessible. More details about the Django admin will be discussed later on.
</p>
and then added this:
p, p div {
font-size: 20px;
font-family: sans-serif;
}