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的checked伪类实现OL的隐藏显示的方法
Dec 18 HTML / CSS
css3.0 图形构成实例练习二
Mar 19 HTML / CSS
CSS3之边框多颜色Border-color属性使用示例
Oct 11 HTML / CSS
CSS3中的opacity属性使用教程
Aug 19 HTML / CSS
利用CSS3实现进度条的两种姿势详解
Mar 21 HTML / CSS
html5指南-3.如何实现html元素拖拽功能
Jan 07 HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
Mar 15 HTML / CSS
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
Aug 24 HTML / CSS
HTML5 解决苹果手机不能自动播放音乐问题
Dec 27 HTML / CSS
使用HTML5 Geolocation实现一个距离追踪器
Apr 09 HTML / CSS
html5 制作地图当前定位箭头的方法示例
Jan 10 HTML / CSS
html5 canvas 实现光线沿不规则路径运动
Apr 20 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性能测试工具xhprof的详解
2013/06/03 PHP
PHP文件锁定写入实例解析
2014/07/14 PHP
ThinkPHP权限认证Auth实例详解
2014/07/22 PHP
PHP获取文件夹内文件数的方法
2015/03/12 PHP
thinkPHP5.1框架中Request类四种调用方式示例
2019/08/03 PHP
JavaScript 学习笔记(十二) dom
2010/01/21 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
浅析jQuery1.8的几个小变化
2013/12/10 Javascript
jQuery 中$(this).index与$.each的使用指南
2014/11/20 Javascript
PHP+jQuery+Ajax实现多图片上传效果
2015/03/14 Javascript
js简单工厂模式用法实例
2015/06/30 Javascript
实例讲解JavaScript中instanceof运算符的用法
2016/06/08 Javascript
Angular2 组件交互实例详解
2017/08/24 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
2017/11/17 Javascript
微信小程序用户自定义模版用法实例分析
2017/11/28 Javascript
如何使用vuex实现兄弟组件通信
2018/11/02 Javascript
详解javascript中的Error对象
2019/04/25 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
2019/08/15 Javascript
微信小程序使用蓝牙小插件
2019/09/23 Javascript
详解Python如何获取列表(List)的中位数
2016/08/12 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
Python+pandas计算数据相关系数的实例
2018/07/03 Python
Python采集猫眼两万条数据 对《无名之辈》影评进行分析
2018/12/05 Python
python给微信好友定时推送消息的示例
2019/02/20 Python
python由已知数组快速生成新数组的方法
2020/04/08 Python
jupyter notebook 实现matplotlib图动态刷新
2020/04/22 Python
WWE美国职业摔角官方商店:WWE Shop
2018/11/15 全球购物
音乐系毕业生自荐信
2013/10/27 职场文书
高一生物教学反思
2014/01/17 职场文书
函授毕业自我鉴定
2014/02/04 职场文书
学前班语言教学计划
2015/01/20 职场文书
初三语文教学计划
2015/01/22 职场文书
公路施工安全责任书
2015/05/08 职场文书
党员干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
Python requests库参数提交的注意事项总结
2021/03/29 Python
MySQL8.0升级的踩坑历险记
2021/11/01 MySQL