CSS 指定选择器(十一)
2024-10-18 20:22:59
一、指定选择器
有时个会希望控制某个元素在一定范围内的对象样式,这时就可以把元素与Class或者Id选择器结合起来使用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>指定选择器</title>
<style type="text/css">
span.red{
color:red;
}
div#top{
color:blue;
}
</style>
</head> <body>
<span class="red">这是个SPAN类名为CLASS</span>
<span>这是个SPAN</span>
<div id="top">这是个DIVID是TOP</div>
<div >这是个DIV</div>
</body>
</html>
指定选择器对象定义样式限定为class或者id属性的某种元素非常有用,它对元素的控制精度介于标签选择器与id或者类选择器之间,是一种非常实用的选择器类型
如下面模块中如何控制新闻的正文
<div>
<h2 class="news">新闻标题</h2>
<p class="news">新闻正文</p>
<span class="news">新闻说明</span>
<p>其它文件信息</p>
</div>
css
div p.news{
font-size:18px;
color:#FF00FF;
}
或者
p.news{
font-size:18px;
color:#00FFFF;
}
最新文章
- OSGEarth编译
- SQL sever 学习,2016,5,31,(重点:100行以后,字符串操作。)
- nodejs-2:模块与包管理工具
- grep使用多个查询条件--或
- xcode8 上传ipa文件无法构建版本
- CSS 居中方法集锦
- MDK的一些设置(尤其是部分代码无法断点问题的解决)
- RabbitMQ的工作队列和路由
- IPC——共享内存
- ie8中parseInt字符型数值转换数值型问题
- 左右c++与java中国的垃圾问题的分析与解决
- php fsockopen例子
- MySQL中字段类型为timestamp的小坑
- Confluence 6 配置白名单
- FlashWindowEx实现窗口在任务栏闪烁/变化颜色
- Android Framework中的线程Thread及它的threadLoop方法
- 【教程】ubuntu下安装samba服务器
- 使用MyEclipse将HTML5移动项目迁移到PhoneGap(三)
- Python和Signal
- uGUI知识点剖析之RectTransform