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 网页下拉菜单代码解释 中文翻译
Feb 27 HTML / CSS
css3背景图片透明叠加属性cross-fade简介及用法实例
Jan 08 HTML / CSS
纯CSS3实现的阴影效果
Dec 24 HTML / CSS
纯CSS实现右侧底部悬浮效果(悬浮QQ、微信、微博、邮箱等联系方式)
Apr 24 HTML / CSS
基于CSS3制作立体效果导航菜单
Jan 12 HTML / CSS
HTML5 Canvas图像模糊完美解决办法
Feb 06 HTML / CSS
html5 canvas 简单画板实现代码
Jan 05 HTML / CSS
HTML5全屏(Fullscreen)API详细介绍
Apr 24 HTML / CSS
HTML5实现自带进度条和滑块滑杆效果
Apr 17 HTML / CSS
HTML5表单验证特性(知识点小结)
Mar 10 HTML / CSS
amazeui 验证按钮扩展的实现
Aug 21 HTML / CSS
Html5基于canvas实现电子签名并生成PDF文档
Dec 07 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操作JSON格式数据的实现代码
2011/12/24 PHP
基于PHP服务端图片生成缩略图的方法详解
2013/06/20 PHP
php中引用符号(&amp;)的使用详解
2013/11/13 PHP
PHP新建类问题分析及解决思路
2015/11/19 PHP
php提交post数组参数实例分析
2015/12/17 PHP
详解PHP中的null合并运算符
2015/12/30 PHP
PHP文件后缀不强制为.php方法
2019/03/31 PHP
Thinkphp页面跳转设置跳转等待时间的操作
2019/10/16 PHP
jQuery 表格工具集
2010/04/25 Javascript
JavaScript中按位“异或”运算符使用介绍
2014/03/14 Javascript
js 动态修改css文件的方法
2014/08/05 Javascript
JS实现Fisheye效果动感放大菜单代码
2015/10/21 Javascript
jquery判断input值不为空的方法
2016/06/05 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
微信小程序 video组件详解
2016/10/25 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
2017/02/27 Javascript
Vue响应式添加、修改数组和对象的值
2017/03/20 Javascript
关于angular js_$watch监控属性和对象详解
2017/04/24 Javascript
react-router v4如何使用history控制路由跳转详解
2018/01/09 Javascript
jquery实现轮播图特效
2020/04/12 jQuery
Vue-router中hash模式与history模式的区别详解
2020/12/15 Vue.js
详解Django中的ifequal和ifnotequal标签使用
2015/07/16 Python
Python基于Tensor FLow的图像处理操作详解
2020/01/15 Python
pytorch dataloader 取batch_size时候出现bug的解决方式
2020/02/20 Python
在终端启动Python时报错的解决方案
2020/11/20 Python
加拿大购物频道:The Shopping Channel
2016/07/21 全球购物
美国礼品卡商城: Gift Card Mall
2017/08/25 全球购物
班主任班级寄语大全
2014/04/04 职场文书
大型营销活动计划书
2014/04/28 职场文书
就职演讲稿范文
2014/05/19 职场文书
个人授权委托书格式
2014/08/30 职场文书
研究生导师推荐信
2015/03/25 职场文书
MySQL复制问题的三个参数分析
2021/04/07 MySQL
go原生库的中bytes.Buffer用法
2021/04/25 Golang
Python基础之数据类型知识汇总
2021/05/18 Python
Vue Element UI自定义描述列表组件
2021/05/18 Vue.js