CSS选择器简介
来源:互联网 发布:网络推广软件哪家好 编辑:程序博客网 时间:2024/06/05 04:23
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>哈哈</title>
<style type="text/css">
p {color:blue} //HTML选择器,其中p为HTML的标签(保留关键字)
#test{color:red}//ID选择器,用法如下所示
.test1{color:green}//类选择器,用法如下所示
[name="yp"]{color:red}
[name~="t1"]{color:red}//表示有空格
[name|="t"]{color:red}//表示有连字符-
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<p>呵呵呵呵</p>
<p id="test">呵呵呵2</p>
<p class="test1">呵呵3</p>
<p name="yp">呵呵4</p>
<p name="t t1">呵呵5</p>
<p name="t-t1">呵呵6</p>
</div>
</form>
</body>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>哈哈</title>
<style type="text/css">
p {color:blue} //HTML选择器,其中p为HTML的标签(保留关键字)
#test{color:red}//ID选择器,用法如下所示
.test1{color:green}//类选择器,用法如下所示
[name="yp"]{color:red}
[name~="t1"]{color:red}//表示有空格
[name|="t"]{color:red}//表示有连字符-
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<p>呵呵呵呵</p>
<p id="test">呵呵呵2</p>
<p class="test1">呵呵3</p>
<p name="yp">呵呵4</p>
<p name="t t1">呵呵5</p>
<p name="t-t1">呵呵6</p>
</div>
</form>
</body>
0 0
- CSS选择器简介
- CSS简介和CSS选择器
- CSS简介和CSS选择器
- CSS简介与选择器优先级
- 前端学习笔记3:CSS简介及CSS选择器
- CSS笔记(CSS简介,选择器,层叠抉择)
- CSS学习笔记 -- day01 CSS简介、常见属性、基础选择器
- JQuery选择器(选择器简介)
- CSS选择器,jQuery选择器
- jQuery选择器 CSS选择器
- css选择器-基本选择器
- css选择器-属性选择器
- CSS选择器选择器
- CSS选择器-属性选择器
- css选择器
- css选择器
- css选择器
- Css选择器!
- 炫酷的canvas
- matlab调用C/C++程序,用mex
- RMAN-08137:警告:归档日志未删除,因为备用或上游捕获进程需要它
- Java-ConcurrentModificationException
- HDU2120Ice_cream's world I(并查集+环)
- CSS选择器简介
- ubuntu下安装qume遇到的问题
- 队列基本操作
- java通过Servlet生成验证码图片
- Brackets Sequence
- APP开发实战126-APP运行速度优化
- 仪表识别材料
- [Utils工具整理] Toast 显示帮助类
- 【HD 1878】欧拉回路