css3类选择器之结合元素选择器和多类选择器用法


Posted in HTML / CSS onMarch 09, 2017

下面一段代码给大家介绍css3类选择器之结合元素选择器和多类选择器用法,具体代码如下所示:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .p2{font-size:30px;}
        /*结合元素选择器*/
        p.p1{color:rebeccapurple;}
        /*多类选择器*/
        .p1.p2{font-style: italic;}
    </style>
</head>
<body>
    <div class="p1">看我</div>
    <p class="p1">我就是我</p>
    <p class="p2">我是一段文字</p>
    <p class="p1 p2">我还是斜体字</p>
</body>
</html>

以上所述是小编给大家介绍的css3类选择器之结合元素选择器和多类选择器用法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

HTML / CSS 相关文章推荐
详解CSS3 弹性布局快速入门
Jun 06 HTML / CSS
基础的CSS3弹性盒Flexbox布局使用实例
Apr 08 HTML / CSS
html5新增的定时器requestAnimationFrame实现进度条功能
Dec 13 HTML / CSS
html5理解head_动力节点Java学院整理
Jul 13 HTML / CSS
HTML5上传文件显示进度的实现代码
Aug 30 HTML / CSS
html5指南-1.html5全局属性(html5 global attributes)深入理解
Jan 07 HTML / CSS
Html5实现iPhone开机界面示例代码
Jun 30 HTML / CSS
跨域修改iframe页面内容详解
Oct 31 HTML / CSS
Html5 webRTC简单实现视频调用的示例代码
Sep 23 HTML / CSS
浅析HTML5 meta viewport参数
Oct 28 HTML / CSS
使用CSS设置滚动条样式
Jan 18 HTML / CSS
HTTP中的Content-type详解
Jan 18 HTML / CSS
利用Bootstrap实现漂亮简洁的CSS3价格表实例源码
Mar 02 #HTML / CSS
CSS3实现点击放大的动画实例代码
Feb 27 #HTML / CSS
利用纯CSS3实现动态的自行车特效源码
Jan 20 #HTML / CSS
css3加js做一个简单的3D行星运转效果实例代码
Jan 18 #HTML / CSS
纯CSS3实现扇形动画菜单(简化版)实例源码
Jan 17 #HTML / CSS
纯CSS3大转盘抽奖示例代码(响应式、可配置)
Jan 13 #HTML / CSS
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
Jan 12 #HTML / CSS
You might like
PHP备份数据库生成SQL文件并下载的函数代码
2012/02/05 PHP
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
函数中使用require_once问题深入探讨 优雅的配置文件定义方法推荐
2014/07/02 PHP
浅析Yii2 GridView 日期格式化并实现日期可搜索教程
2016/04/22 PHP
php 解决substr()截取中文字符乱码问题
2016/07/18 PHP
JS获取图片高度宽度的方法分享
2015/04/17 Javascript
javascript弹出拖动窗口
2015/08/11 Javascript
在React框架中实现一些AngularJS中ng指令的例子
2016/03/06 Javascript
基于jquery实现简单的分页控件
2016/03/17 Javascript
使用Bootstrap框架制作查询页面的界面实例代码
2016/05/27 Javascript
JS实现css hover操作的方法示例
2017/04/07 Javascript
JS实现将链接生成二维码并转为图片的方法
2018/03/17 Javascript
jQuery 实现倒计时天,时,分,秒功能
2018/07/31 jQuery
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
2019/01/22 Javascript
VUE项目中加载已保存的笔记实例方法
2019/09/14 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
2020/03/09 Javascript
深入了解JavaScript词法作用域
2020/07/29 Javascript
[01:51]2014DOTA2国际邀请赛 这个赛场没有失败者VGTi5再见
2014/07/23 DOTA
Python利用多进程将大量数据放入有限内存的教程
2015/04/01 Python
Python学生成绩管理系统简洁版
2020/04/05 Python
python+matplotlib绘制饼图散点图实例代码
2018/01/20 Python
Python解决两个整数相除只得到整数部分的实例
2018/11/10 Python
python同时替换多个字符串方法示例
2019/09/17 Python
python是否适合网页编程详解
2019/10/04 Python
plt.figure()参数使用详解及运行演示
2021/01/08 Python
Python中的面向接口编程示例详解
2021/01/17 Python
英国男士时尚购物网站:Stuarts London
2017/10/22 全球购物
家庭户外服装:Hawkshead
2017/11/02 全球购物
美国按摩椅批发网站:Titan Chair
2018/12/27 全球购物
The North Face北面荷兰官网:美国著名户外品牌
2019/10/16 全球购物
英国礼品和生活方式品牌:Treat Republic
2020/11/21 全球购物
采购部部门职责
2013/12/15 职场文书
大学生文员专业个人求职信范文
2014/01/05 职场文书
会计学毕业生求职信
2014/06/25 职场文书
代理词怎么写
2015/05/25 职场文书
鉴史问廉观后感
2015/06/10 职场文书