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 相关文章推荐
css动画效果之animation的常用样式
Mar 09 HTML / CSS
需要知道的CSS3动画技术
Jan 01 HTML / CSS
css实例教程 一款纯css3实现的超炫动画背画特效
Nov 05 HTML / CSS
CSS3 @font-face属性使用指南
Dec 12 HTML / CSS
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
Dec 06 HTML / CSS
利用css3画个同心圆示例代码
Jul 03 HTML / CSS
CSS3的calc()做响应模式布局的实现方法
Sep 06 HTML / CSS
html5新增的定时器requestAnimationFrame实现进度条功能
Dec 13 HTML / CSS
HTML中使用SVG与SVG预定义形状元素介绍
Jun 28 HTML / CSS
解决HTML5手机端页面缩放的问题
Oct 27 HTML / CSS
AmazeUI 网格的实现示例
Aug 13 HTML / CSS
从QQtabBar看css命名规范BEM的详细介绍
Aug 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制作图型计数器的例子
2006/10/09 PHP
PHP新手上路(二)
2006/10/09 PHP
一贴学会PHP 新手入门教程
2009/08/03 PHP
PHP写UltraEdit插件脚本实现方法
2011/12/26 PHP
PHP生成不同颜色、不同大小的tag标签函数
2013/09/23 PHP
php格式化时间戳显示友好的时间实现思路及代码
2014/10/23 PHP
php合并数组中相同元素的方法
2014/11/13 PHP
js+FSO遍历文件夹下文件并显示
2007/03/07 Javascript
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
mysql输出数据赋给js变量报unterminated string literal错误原因
2010/05/22 Javascript
文本框根据输入内容自适应高度的代码
2011/10/24 Javascript
IFrame跨域高度自适应实现代码
2012/08/16 Javascript
js中indexof的用法详细解析
2013/12/24 Javascript
jQuery统计上传文件大小的方法
2015/01/24 Javascript
transport.js和jquery冲突问题的解决方法
2015/02/10 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
2015/11/02 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
2016/06/24 Javascript
微信小程序实现多图上传
2020/06/19 Javascript
微信小程序实现日历小功能
2020/11/18 Javascript
[02:16]2018年度CS GO最具人气选手-完美盛典
2018/12/16 DOTA
python发送HTTP请求的方法小结
2015/07/08 Python
Python结合ImageMagick实现多张图片合并为一个pdf文件的方法
2018/04/24 Python
使用Python操作FTP实现上传和下载的方法
2019/04/01 Python
python线程定时器Timer实现原理解析
2019/11/30 Python
HTML5 canvas基本绘图之绘制线段
2016/06/27 HTML / CSS
世界第一冲浪品牌:O’Neill
2016/08/30 全球购物
英国最大的线上保健品零售商之一:Vitamin Planet
2016/12/01 全球购物
日本最大美瞳直送网:Morecontact(中文)
2019/04/03 全球购物
Yahoo-PHP面试题3
2012/01/14 面试题
中学教师管理制度
2014/01/14 职场文书
机关出纳岗位职责
2014/04/03 职场文书
石油工程专业毕业生求职信
2014/04/13 职场文书
2016年元旦寄语
2015/08/17 职场文书
2016年基层党支部书记公开承诺书
2016/03/25 职场文书
vue使用v-model进行跨组件绑定的基本实现方法
2021/04/28 Vue.js
美元符号 $
2022/02/17 杂记