p{color:"red";}

#i1{
   background-color:red;  
}

.c1{
   font-size:14px;  
}
p.c1{
   color:red;  
}

/*li内部的a标签设置字体颜色*/

li a {
   color: green;
}

/*选择所有父级是<div>元素的<p>元素*/
div>p {
     font-family: "Arial Black",arial-black cursive;   
}

/*选择所有紧接着<div>元素之后的<p>元素*/
div+p {
    margin:5px
}

/*li后面所有的兄弟p标签*/
#li~p {
    border: 2px solid royalblue;
}

/*用于选取带有指定属性的元素。*/
p[title]{
  color: red;
}

/*用于选取带有指定属性和值的元素*/
p[title="213"] {
   color: green;  
}

div,p {
   color:red;
}
div和P 统一设置字体为红色

.c1 p {
  color: red;
}
.c1类内部所有的p标签设置字体颜色为红色

/*未访问的链接*/
a:link{
  color:grey;
}

/*鼠标移动到链接上*/
a:hover {
   color: red;
}

/*选定的链接*/
a:active {
  color:blue;
}

/*以访问的链接*/
a:visited {
  color: orange;
}

/*input输入框获取焦点的样式*/
input:focus {
  outline: none;
  background-color:red
}

p:first-letter {
  font-size: 48px;
  color:red;  
}

/*在每个<p>元素之前插入内容 */
p:before {
  content:" *";
  color:red;
}

/*在每个<p>元素之后插入内容*/
p:after {
  content:"[?]";
  color:blue;
}