HTML/CSS/Style Basics/Level Selector
Содержание
LI under UL which are in a DIV
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css">
- navsite ul li {
margin: 0; border-top: 1px solid #003;
} </style> </head> <body>
</body> </html>
</source>
Set anchor in LI under UL which are in a DIV
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css">
- navsite ul li a {
display: block; padding: 2px 2px 2px 0.5em; border-left: 10px solid #369; border-right: 1px solid #69c; border-bottom: 1px solid #369; background-color: #036; color: #fff; text-decoration: none; width: 100%;
} </style> </head> <body>
</body> </html>
</source>
Set style for paragraph in a blockquote
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> blockquote p {
font: italic 1em Georgia, Times, "Times New Roman", serif; font-size: 1em; margin: 1.5em 2em 0 1.5em; padding: 0;
} </style> </head> <body>
One
Two
Three
Four
</body> </html>
</source>
Three level nested for tag names
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> blockquote p {
background: url(balloontip.gif); background-repeat: no-repeat; background-position: bottom; padding-bottom: 28px;
} blockquote p span {
display: block; padding: 0.25em 0.25em 0.5em 0.5em; border: 1pt solid black; border-bottom-width: 0; font-size: 3em; line-height: 0.9em;
} cite {
text-align: right; display: block; width: 250px;
} </style> </head> <body>
Be bold, baby!
This is a test. This is a test.
</body> </html>
</source>