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>
/*标签选择器 通过标签名字找到某个元素*/
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>
- 7.css选择器
- CSS选择器,jQuery选择器
- jQuery选择器 CSS选择器
- css选择器-基本选择器
- css选择器-属性选择器
- CSS选择器选择器
- CSS选择器-属性选择器
- css选择器
- css选择器
- css选择器
- Css选择器!
- CSS选择器
- css选择器
- CSS选择器
- CSS选择器
- CSS选择器
- CSS选择器
- css选择器
- 如何将极品飞车的数据包放到外部SD卡
- 算术移位与逻辑移位有什么区别?
- 正整数类
- jquery实现批量绑定元素
- Texstudio中文乱码问题
- 7.css选择器
- Making cloud using Houdini
- Eclipse配置
- hdu 1042
- VS与Win7 共舞:用户界面特权隔离(一)
- c与c++中enum,struct,union主意点
- 嵌入式就业前景分析:嵌入式前景之我见
- struts中文乱码问题
- 随笔