7.css选择器

来源:互联网 发布:网络招聘怎么沟通 编辑:程序博客网 时间:2024/06/10 15:13
<style>
/*标签选择器 通过标签名字找到某个元素*/
p{
 font-size:30px;
}
/*id选择器  通过id值找到某个元素*/
#para{
font-weight:bold;
}
/*类选择器  通过class属性找到某个元素*/
.span{
color:red;
}
/*群组选择器 一些元素的集合*/
p,span{
background:green;
}
/*后代选择器  通过当前元素的后代元素(儿子,孙子)*/
ul li{
color:green;
}
/*通配选择器  匹配所有的元素*/
*{padding:0;margin:0}


</style>
<script type="text/javascript" src="./script/jquery-1.4.2.min.js"></script>
<script>

</script>
</head>
<body>
<p id="para">这是一个p元素</p>
<span class="span">这是span元素</span>
<ul>
<li>橘子</li>
<li>苹果</li>
<li>梨</li>
</ul>
</body>
原创粉丝点击