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 相关文章推荐
使用before和:after伪类制作css3圆形按钮
Apr 08 HTML / CSS
深入理解css属性的选择对动画性能的影响
Apr 20 HTML / CSS
CSS3过渡transition效果实例介绍
May 03 HTML / CSS
详解CSS3的图层阴影和文字阴影效果使用
Jun 09 HTML / CSS
CSS3实现王者匹配时的粒子动画效果
Apr 12 HTML / CSS
html5调用摄像头功能的实现代码
May 07 HTML / CSS
HTML5 实战PHP之Web页面表单设计
Oct 09 HTML / CSS
利用HTML5 Canvas API绘制矩形的超级攻略
Mar 21 HTML / CSS
canvas 下载二维码和图片加水印的方法
Mar 21 HTML / CSS
canvas 绘图时位置偏离的问题解决
Sep 16 HTML / CSS
html中相对位置与绝对位置的具体使用
May 15 HTML / CSS
新的CSS 伪类函数 :is() 和 :where()示例详解
Aug 05 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连接odbc数据源并保存与查询数据的方法
2014/12/24 PHP
PHP的Laravel框架中使用AdminLTE模板来编写网站后台界面
2016/03/21 PHP
php文件后缀不强制为.php的实操方法
2019/09/18 PHP
PHP中的异常处理机制深入讲解
2020/11/10 PHP
JS 学习笔记 防止发生命名冲突
2009/07/30 Javascript
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
2010/07/24 Javascript
jquery插件 autoComboBox 下拉框
2010/12/22 Javascript
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
2011/11/30 Javascript
全面理解JavaScript中的闭包
2016/05/12 Javascript
浅谈JavaScript的push(),pop(),concat()方法
2016/06/03 Javascript
浅谈vue中改elementUI默认样式引发的static与assets的区别
2018/02/03 Javascript
详解vuex中action何时完成以及如何正确调用dispatch的思考
2019/01/21 Javascript
webpack结合express实现自动刷新的方法
2019/05/07 Javascript
vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法
2019/11/05 Javascript
ES6函数实现排它两种写法解析
2020/05/13 Javascript
Python3如何解决字符编码问题详解
2017/04/23 Python
Python基础练习之用户登录实现代码分享
2017/11/08 Python
python编程实现12306的一个小爬虫实例
2017/12/27 Python
python3实现SMTP发送邮件详细教程
2018/06/19 Python
Python爬虫之正则表达式基本用法实例分析
2018/08/08 Python
pandas 数据索引与选取的实现方法
2019/06/21 Python
python将类似json的数据存储到MySQL中的实例
2019/07/12 Python
Django 大文件下载实现过程解析
2019/08/01 Python
Python使用Pandas对csv文件进行数据处理的方法
2019/08/01 Python
python 表格打印代码实例解析
2019/10/12 Python
pycharm修改file type方式
2019/11/19 Python
Python3爬虫里关于识别微博宫格验证码的知识点详解
2020/07/30 Python
Python实现上下文管理器的方法
2020/08/07 Python
详解python变量与数据类型
2020/08/25 Python
4款Python 类型检查工具,你选择哪个呢?
2020/10/30 Python
Pycharm Plugins加载失败问题解决方案
2020/11/28 Python
如何强制垃圾回收
2015/10/06 面试题
幼儿园老师辞职信
2014/01/20 职场文书
老公保证书
2015/01/17 职场文书
国王的演讲观后感
2015/06/03 职场文书
喋血孤城观后感
2015/06/08 职场文书