码迷,mamicode.com
首页 > Web开发 > 详细

CSS选择器

时间:2015-08-31 15:14:04      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0px;
padding: 0px;
}
h1,h2{

}
a.div{
color: violet;
}
.
[title]{
color: red;
}
[href="http://www.jikexueyuan.com"]{
font-size: 30px;
}
[title~="title"]{
font-size: 50px;
}
p strong i{
color: blue;
}
p i{

}
P>strong>i{

}
p>i{} /* 这是错误的*/
li+li{
color: green;
}
.p1{
color: blue;
}
.p2{
font-size: 150px;
}
.p1.p2{
font-style: italic;
}
</style>
</head>
<body>
<p class="p1">this is my web page</p>
<p class="p2">this is my web page</p>
<p class="p1 p2">this is my web page</p>
<div class="div"></div>
<a class="div">jikexueyuan</a>

<p title="tit">hello</p>
<p title="title">hello</p>
<p title="te">hello</p>
<p title="title hello">hello</p>
<a href="http://www.jikexueyuan.com">jikexueyuan</a>
<p>this is my <strong>web <i>hello</i> hello </strong> page.</p>
<ul>
<li>item1</li>
<li>item2</li> <li>item3</li> </ul></body></html>

CSS选择器

标签:

原文地址:http://www.cnblogs.com/htmlphp/p/4773023.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!