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 background-clip,background-origin和border-image教程
Jan 27 HTML / CSS
使用css3和jquery实现可伸缩搜索框
Feb 12 HTML / CSS
用CSS3绘制三角形的简单方法
Jul 17 HTML / CSS
css3实现文字首尾衔接跑马灯的示例代码
Oct 16 HTML / CSS
html5 touch事件实现页面上下滑动效果【附代码】
Mar 10 HTML / CSS
html5利用canvas绘画二级树形结构图的示例
Sep 27 HTML / CSS
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
Jan 30 HTML / CSS
使用Html5中的cavas画一面国旗
Sep 25 HTML / CSS
HTML利用九宫格原理进行网页布局
Mar 13 HTML / CSS
原生canvas制作画图小工具的踩坑和爬坑
Jun 09 HTML / CSS
Web前端:CSS最强总结 附详细代码
Mar 31 HTML / CSS
HTML页面滚动时部分内容位置固定不滚动的实现
Apr 14 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/11/25 PHP
php中文验证码实现方法
2015/06/18 PHP
Smarty模板简单配置与使用方法示例
2016/05/23 PHP
PHP addAttribute()函数讲解
2019/02/03 PHP
tp5框架基于ajax实现异步删除图片的方法示例
2020/02/10 PHP
几个比较实用的JavaScript 测试及效验工具
2010/04/18 Javascript
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
2013/01/23 Javascript
关于ExtJS4.1:快捷键支持的问题
2013/04/24 Javascript
js jquery获取随机生成id的服务器控件的三种方法
2013/07/11 Javascript
js字符串截取函数substr substring slice使用对比
2013/11/27 Javascript
jQuery实现倒计时按钮功能代码分享
2014/09/03 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
2015/05/25 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
2015/08/22 Javascript
DWR中各种java方法的调用
2016/05/04 Javascript
jQuery插件Validation快速完成表单验证的方式
2016/07/28 Javascript
JavaScript中const、var和let区别浅析
2016/10/11 Javascript
浅析JavaScript中的特殊数据类型
2017/12/15 Javascript
Vue组件中的data必须是一个function的原因浅析
2018/09/03 Javascript
vue2 拖动排序 vuedraggable组件的实现
2019/08/08 Javascript
[03:40]DOTA2英雄梦之声_第01期_炼金术士
2014/06/23 DOTA
[48:48]完美世界DOTA2联赛PWL S3 Magama vs GXR 第一场 12.19
2020/12/24 DOTA
用python分割TXT文件成4K的TXT文件
2009/05/23 Python
分享Python文本生成二维码实例
2016/01/06 Python
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
Python绘制的二项分布概率图示例
2018/08/22 Python
使用python和pygame制作挡板弹球游戏
2019/12/03 Python
Python利用for循环打印星号三角形的案例
2020/04/12 Python
Wiggle中国:英国骑行、跑步、游泳 & 铁三运动装备专卖网店
2016/08/02 全球购物
Under Armour安德玛中国官网:美国高端运动科技品牌
2018/03/09 全球购物
应届生程序员求职信
2013/11/05 职场文书
会计电算化个人自我评价
2013/11/17 职场文书
幼儿园春季开学寄语
2014/04/03 职场文书
2014大学校园光棍节活动策划书
2014/09/29 职场文书
2015年外联部工作总结
2015/04/03 职场文书
2016年母亲节寄语
2015/12/04 职场文书
HR在给员工开具离职证明时,需要注意哪些问题?
2019/07/03 职场文书