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制作日历实现代码
Jan 21 HTML / CSS
CSS3实现多背景展示效果通过CSS3定位多张背景
Aug 10 HTML / CSS
CSS3中各种颜色属性的使用教程
May 17 HTML / CSS
css3的动画特效之动画序列(animation)
Dec 22 HTML / CSS
CSS3 实现的缩略图悬停效果
Dec 09 HTML / CSS
html5文本内容_动力节点Java学院整理
Jul 11 HTML / CSS
html5 svg 中元素点击事件添加方法
Jan 16 HTML / CSS
24个canvas基础知识小结
Dec 17 HTML / CSS
从零实现一个自定义html5播放器的示例代码
Aug 01 HTML / CSS
canvas因为图片资源不在同一域名下而导致的跨域污染画布的解决办法
Jan 18 HTML / CSS
使用canvas一步步实现图片打码功能的方法
Jun 17 HTML / CSS
仅仅使用 HTML/CSS 实现各类进度条的方式汇总
Nov 11 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 文件缓存的性能测试
2010/04/25 PHP
javascript学习笔记(十八) 获得页面中的元素代码
2012/06/20 Javascript
侧栏跟随滚动的简单实现代码
2013/03/18 Javascript
jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
2013/05/08 Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
2014/08/18 Javascript
javascript模拟map输出与去除重复项的方法
2015/02/09 Javascript
不得不分享的JavaScript常用方法函数集(下)
2015/12/25 Javascript
node模块机制与异步处理详解
2016/03/13 Javascript
JavaScript的instanceof运算符学习教程
2016/06/08 Javascript
js精准的倒计时函数分享
2016/06/29 Javascript
Angular.js 实现数字转换汉字实例代码
2016/07/14 Javascript
把json格式的字符串转换成javascript对象或数组的方法总结
2016/11/03 Javascript
基于node.js依赖express解析post请求四种数据格式
2017/02/13 Javascript
Vue中引入样式文件的方法
2017/08/18 Javascript
Vue中的字符串模板的使用
2018/05/17 Javascript
详解Angular6.0使用路由步骤(共7步)
2018/06/29 Javascript
Cookbook组件形式:优化 Vue 组件的运行时性能
2018/11/25 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
2020/11/03 Javascript
vuex的使用和简易实现
2021/01/07 Vue.js
[02:33]2018DOTA2亚洲邀请赛赛前采访——LGD
2018/04/04 DOTA
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
Python中的自定义函数学习笔记
2014/09/23 Python
tensorflow TFRecords文件的生成和读取的方法
2018/02/06 Python
python 获取utc时间转化为本地时间的方法
2018/12/31 Python
Python socket聊天脚本代码实例
2020/01/02 Python
Python爬虫库BeautifulSoup的介绍与简单使用实例
2020/01/25 Python
Matplotlib中rcParams使用方法
2021/01/05 Python
纯CSS3制作漂亮带动画效果的主机价格表
2015/04/25 HTML / CSS
html5清空画布方法(三种)
2017/10/16 HTML / CSS
百丽国际旗下购物网站:优购
2017/02/28 全球购物
波比布朗英国官网:Bobbi Brown英国
2017/11/13 全球购物
发现世界上最好的珠宝设计师:JewelStreet
2017/12/17 全球购物
社区国庆节活动总结
2015/03/23 职场文书
因家庭原因离职的辞职信范文
2015/05/12 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
了解Redis常见应用场景
2021/06/23 Redis