CSS多类选择器怎么用
CSS多类选择器怎么用
本文小编为大家详细介绍“CSS多类选择器怎么用”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS多类选择器怎么用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
在 HTML 中,一个 class 值中可能包含一个词列表,各个词之间用空格分隔。例如,如果希望将一个特定的元素同时标记为重要(important)和警告(warning),就可以写作:
<pclass="importantwarning">Thisparagraphisaveryimportantwarning.</p>
这两个词的顺序无关紧要,写成 warning important 也可以。
我们假设 class 为 important 的所有元素都是粗体,而 class 为 warning 的所有元素为斜体,class 中同时包含 important 和 warning 的所有元素还有一个银色的背景 。就可以写作:
.important{font-weight:bold;}.warning{font-style:italic;}.important.warning{background:silver;}
读到这里,这篇“CSS多类选择器怎么用”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注恰卡编程网行业资讯频道。
推荐阅读
-
CSS中如何让auto height支持过渡动画
CSS中如何让autoheight支持过渡动画这篇文章主要讲解了...
-
css语言的概念是什么
css语言的概念是什么这篇文章主要讲解了“css语言的概念是什么”...
-
php 压缩CSS代码
-
PHP工程师需要掌握什么技能?
-
泰牛韩顺平PHP四大模块实战开发教程全集网盘下载
-
css中的margin-right怎么设置
css中的margin-right怎么设置本篇内容主要讲解“css...
-
css元素浮动所需注意的事项有哪些
-
引入css样式使用的标签是哪个
-
css复合选择器有哪几种
css复合选择器有哪几种本篇内容介绍了“css复合选择器有哪几种”...
-
css样式表由什么组成
css样式表由什么组成这篇文章主要介绍“css样式表由什么组成”,...
-
CSS中如何让auto height支持过渡动画
CSS中如何让autoheight支持过渡动画这篇文章主要讲解了...
-
css语言的概念是什么
css语言的概念是什么这篇文章主要讲解了“css语言的概念是什么”...
-
php 压缩CSS代码
-
PHP工程师需要掌握什么技能?
-
泰牛韩顺平PHP四大模块实战开发教程全集网盘下载
-
css中的margin-right怎么设置
css中的margin-right怎么设置本篇内容主要讲解“css...
-
css元素浮动所需注意的事项有哪些
-
引入css样式使用的标签是哪个
-
css复合选择器有哪几种
css复合选择器有哪几种本篇内容介绍了“css复合选择器有哪几种”...
-
css样式表由什么组成
css样式表由什么组成这篇文章主要介绍“css样式表由什么组成”,...
-
CSS中如何让auto height支持过渡动画
CSS中如何让autoheight支持过渡动画这篇文章主要讲解了...
-
css语言的概念是什么
css语言的概念是什么这篇文章主要讲解了“css语言的概念是什么”...
-
php 压缩CSS代码
-
PHP工程师需要掌握什么技能?
-
泰牛韩顺平PHP四大模块实战开发教程全集网盘下载
-
css中的margin-right怎么设置
css中的margin-right怎么设置本篇内容主要讲解“css...
-
css元素浮动所需注意的事项有哪些
-
引入css样式使用的标签是哪个
-
css复合选择器有哪几种
css复合选择器有哪几种本篇内容介绍了“css复合选择器有哪几种”...
-
css样式表由什么组成
css样式表由什么组成这篇文章主要介绍“css样式表由什么组成”,...