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 3D立方体效果示例-transform也不过如此
Dec 05 HTML / CSS
CSS3 简写animation
May 10 HTML / CSS
一款恶搞头像特效的制作过程 利用css3和jquery
Nov 21 HTML / CSS
基于DOM+CSS3实现OrgChart组织结构图插件
Mar 02 HTML / CSS
HTML5中FileReader接口使用方法实例详解
Aug 26 HTML / CSS
HTML5之SVG 2D入门10—滤镜的定义及使用
Jan 30 HTML / CSS
HTML5学习笔记之html5与传统html区别
Jan 06 HTML / CSS
深入理解HTML的FormData对象
May 17 HTML / CSS
将SVG图引入到HTML页面的实现
Sep 20 HTML / CSS
AmazeUI的JS表单验证框架实战示例分享
Aug 21 HTML / CSS
HTML5 新增内容和 API详解
Nov 17 HTML / CSS
HTML5中的DOCUMENT.VISIBILITYSTATE属性详解
May 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 缓冲的免费实现方法
2006/10/09 PHP
PHP的简易冒泡法代码分享
2012/08/28 PHP
php addslashes 利用递归实现使用反斜线引用字符串
2013/08/05 PHP
PHP简单判断字符串是否包含另一个字符串的方法
2016/03/25 PHP
PHP 用session与gd库实现简单验证码生成与验证的类方法
2016/11/15 PHP
详解使用php调用微信接口上传永久素材
2017/04/11 PHP
php基于SQLite实现的分页功能示例
2017/06/21 PHP
PHP安装BCMath扩展的方法
2019/02/13 PHP
使用IE6看老赵的博客 jQuery初探
2010/01/17 Javascript
javascript中普通函数的使用介绍
2013/12/19 Javascript
jquery滚动到顶部底部代码
2015/04/20 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
2015/06/26 Javascript
JavaScript实现翻页功能(附效果图)
2017/02/16 Javascript
JS中的多态实例详解
2017/10/15 Javascript
NodeJS 中Stream 的基本使用
2018/07/30 NodeJs
使用Vuex解决Vue中的身份验证问题
2018/09/28 Javascript
vue webpack打包后图片路径错误的完美解决方法
2018/12/07 Javascript
vue使用vuex实现首页导航切换不同路由的方法
2019/05/08 Javascript
Angular封装表单控件及思想总结
2019/12/11 Javascript
Vue基于iview实现登录密码的显示与隐藏功能
2020/03/06 Javascript
python实现计算倒数的方法
2015/07/11 Python
Python实现简单登录验证
2016/04/13 Python
Python如何通过subprocess调用adb命令详解
2017/08/27 Python
分享一下Python数据分析常用的8款工具
2018/04/29 Python
Python socket模块实现的udp通信功能示例
2019/04/10 Python
python 3.7.4 安装 opencv的教程
2019/10/10 Python
Python绘图实现显示中文
2019/12/04 Python
Django框架models使用group by详解
2020/03/11 Python
通过自学python能找到工作吗
2020/06/21 Python
英国最受欢迎的在线隐形眼镜商店:VisionDirect.co.uk
2018/12/06 全球购物
阿联酋彩妆品牌:OUD MILANO
2019/10/06 全球购物
酒吧副总经理岗位职责
2013/12/10 职场文书
新年主持词
2014/03/27 职场文书
小学生操行评语
2014/04/22 职场文书
读书活动总结范文
2014/04/26 职场文书
碧霞祠导游词
2015/02/09 职场文书