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学习之2D转换功能详解
Dec 23 HTML / CSS
CSS3弹性盒模型开发笔记(一)
Apr 26 HTML / CSS
纯CSS实现菜单、导航栏的3D翻转动画效果
Apr 23 HTML / CSS
css3使网页、图片变成灰色兼容大多数浏览器
Jul 02 HTML / CSS
支持IE8的纯css3开发的响应式设计动画菜单教程
Nov 05 HTML / CSS
使用html2canvas实现浏览器截图的示例代码
Jan 26 HTML / CSS
html5教程实现Photoshop渐变色效果
Dec 04 HTML / CSS
实例讲解使用SVG制作loading加载动画的方法
Apr 05 HTML / CSS
canvas生成带二维码海报的踩坑记录
Sep 11 HTML / CSS
跨域修改iframe页面内容详解
Oct 31 HTML / CSS
CSS实现漂亮的时钟动画效果的实例代码
Mar 30 HTML / CSS
HTML+CSS制作心跳特效的实现
May 26 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
ThinkPHP使用UTFWry地址库进行IP定位实例
2014/04/01 PHP
CI(CodeIgniter)框架介绍
2014/06/09 PHP
php获取twitter最新消息的方法
2015/04/14 PHP
PHP实现一个轻量级容器的方法
2019/01/28 PHP
Laravel 解决composer相关操作提示php相关异常的问题
2019/10/23 PHP
javascript动态加载二
2012/08/22 Javascript
jquery select多选框的左右移动 具体实现代码
2013/07/03 Javascript
Javascript玩转继承(二)
2014/05/08 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
全面解析Bootstrap手风琴效果
2020/04/17 Javascript
学习 NodeJS 第八天:Socket 通讯实例
2016/12/21 NodeJs
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
Vue触发式全局组件构建的方法
2018/11/28 Javascript
js变量值传到php过程详解 将php解析成数据
2019/06/26 Javascript
js设置默认时间跨度过程详解
2019/07/17 Javascript
原生javascript中this几种常见用法总结
2020/02/24 Javascript
对vuex中store和$store的区别说明
2020/07/24 Javascript
[00:43]拉比克至宝魔导师密钥展示
2018/12/20 DOTA
讲解Python中的标识运算符
2015/05/14 Python
python 2.7.13 安装配置方法图文教程
2018/09/18 Python
pytorch 模型的train模式与eval模式实例
2020/02/20 Python
基于Python正确读取资源文件
2020/09/14 Python
pycharm远程连接服务器并配置python interpreter的方法
2020/12/23 Python
利用CSS3实现毛玻璃效果示例源码
2016/09/25 HTML / CSS
Omio美国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/08 全球购物
浙大网新C/C++面试解惑
2015/05/27 面试题
Python文件操作的面试题
2013/06/22 面试题
企业门卫岗位职责
2013/12/12 职场文书
大一期末自我鉴定
2013/12/13 职场文书
爱的奉献演讲稿
2014/09/10 职场文书
学校政风行风整改方案
2014/10/25 职场文书
发展党员工作情况汇报
2014/10/28 职场文书
学生个人总结范文
2015/02/15 职场文书
花木兰观后感
2015/06/10 职场文书
JavaScript 数组去重详解
2021/09/15 Javascript
Python中的协程(Coroutine)操作模块(greenlet、gevent)
2022/05/30 Python