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-image颜色渐变的实现代码
Sep 13 HTML / CSS
分享CSS3中必须要知道的10个顶级命令
Apr 26 HTML / CSS
CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)
Jun 06 HTML / CSS
html5 分层屏幕适配的方法
Mar 16 HTML / CSS
Html5如何唤起百度地图App的方法
Jan 27 HTML / CSS
HTML5本地存储之Web Storage应用介绍
Jan 06 HTML / CSS
html5中的input新属性range使用记录
Sep 05 HTML / CSS
HTML5学习笔记之html5与传统html区别
Jan 06 HTML / CSS
HTML5中的websocket实现直播功能
May 21 HTML / CSS
html5写一个BUI折叠菜单插件的实现方法
Sep 11 HTML / CSS
网站性能延迟加载图像的五种技巧(小结)
Aug 13 HTML / CSS
使用HBuilder制作一个简单的HTML5网页
Jul 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代码 用PHP写出自己的BLOG系统
2010/04/12 PHP
openPNE常用方法分享
2011/11/29 PHP
PHP IE中下载附件问题解决方法
2014/01/07 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
jquery选择器原理介绍($()使用方法)
2014/03/25 Javascript
javascript类型转换示例
2014/04/29 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
2016/09/22 Javascript
原生js获取left值和top值的三种方法
2017/08/02 Javascript
元素全屏的设置与监听实例
2017/11/28 Javascript
Angular2 父子组件通信方式的示例
2018/01/29 Javascript
jQuery替换节点元素的操作方法
2018/03/18 jQuery
使用webpack构建应用的方法步骤
2019/03/04 Javascript
JavaScript面试技巧之数组的一些不low操作
2019/03/22 Javascript
微信小程序基于高德地图查找位置并显示文字
2019/10/30 Javascript
JS实现盒子拖拽效果
2020/02/06 Javascript
python线程锁(thread)学习示例
2013/12/04 Python
Python实现获取某天是某个月中的第几周
2015/02/11 Python
python 迭代器和iter()函数详解及实例
2017/03/21 Python
python如何在列表、字典中筛选数据
2018/03/19 Python
如何使用python代码操作git代码
2020/02/29 Python
python 多线程中join()的作用
2020/10/29 Python
用CSS3实现瀑布流布局的示例代码
2017/11/10 HTML / CSS
澳大利亚女性快速时尚零售商:Ally Fashion
2018/04/25 全球购物
JPA面试常见问题
2016/11/14 面试题
学生发电厂实习自我鉴定
2013/09/22 职场文书
大学自我鉴定
2013/12/20 职场文书
项目开发计划书
2014/01/09 职场文书
读书月活动方案
2014/05/22 职场文书
环保宣传标语
2014/06/12 职场文书
中秋节国旗下演讲稿
2014/09/13 职场文书
学生保证书
2015/01/16 职场文书
检讨书大全
2015/01/27 职场文书
机关干部作风整顿心得体会
2016/01/22 职场文书
tensorflow中的梯度求解及梯度裁剪操作
2021/05/26 Python
python plt.plot bar 如何设置绘图尺寸大小
2021/06/01 Python
Android Studio实现带三角函数对数运算功能的高级计算器
2022/05/20 Java/Android