Add style to both ul and li : Class Selector « Style Basics « HTML / CSS






  1. HTML / CSS
  2. Style Basics
  3. Class Selector

Add style to both ul and li

  
<!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">
ul, li {
 display: inline;
 margin: 0;
 padding: 0;
 font-weight: bold; 
 font-style: italic;
}
</style>
</head>

<body>

  <h3>
   Table of Contents
  </h3>
  <p>
   sections:
  </p>
  <ul>
   <li>D</li>
   <li>P</li>
   <li>B</li>
   <li>W</li>
   <li class="last">Make One</li>
  </ul>
  <p>
   If there are any objections to how these sections are divided, 
  please let <a href="n@h.com">N</a> know about 
  it.
  </p>
  
</body>
</html>








Related examples in the same category

1.Class assigns a user-defined semantic meaning to an element
2.assign multiple classes to an element by putting multiple class names in an element's class attribute
3.class for a tag with dot operator
4.init capital
5.class name + nested tag names
6.Create a class inside blockquote
7.Style for HTML tag in a DIV with class name
8.Combine style together
9.Specify two attributes in class
10.Anchor with class name
11.To style the few paragraphs belonging to the double-space class with a bottom margin of 2 ems using *.double-space{margin-bottom:2em;}.
12.Subclass Selector
13.Combined class
14.CSS class rule
15.Document Wide CSS rules
16.Multiple Classes Example