CSS 多类挑选器1个class值能够包括1个词目录

日期:2021-03-11 类型:科技新闻 

关键词:小程序 活动,微信小程序demo,微信小程序游戏开发价格,手机小程序怎么做,视频播放微信小程序

写的编码多了,就会发现,自身愈来愈无知了,总认为html css很简易,早已把握的很娴熟了,实际上我还差的许多。
平常沒有用过css的这类写法 .a.b{display:block;} 上网1查才搞清楚。

1、在 HTML 中,1个 class 值中将会包括1个词目录,各个词之间用空格隔开。比如,假如期待将1个特殊的元素另外标识为关键(important)和警示(warning),便可以创作(这两个词的次序不相干紧要,写成 warning important 还可以): 

拷贝编码
编码以下:

<p class="important warning">This paragraph is a very important warning.</p>

大家假定 class 为 important 的全部元素全是粗体,而 class 为 warning 的全部元素为斜体,class 中另外包括 important 和 warning 的全部元素也有1个银白色的情况 。便可以创作:

拷贝编码
编码以下:

.important {font-weight:bold;}.warning {font-weight:italic;}.important.warning {background:silver;}

2、根据把两个类挑选器连接在1起,仅能够挑选另外包括这些类名的元素(类名的次序不限)。
假如1个多类挑选器包括类名目录中沒有的1个类名,配对就会不成功。请看下面的标准:

拷贝编码
编码以下:

.important.urgent {background:silver;}

略见一斑,这个挑选器将只配对 class 特性中包括词 important 和 urgent 的 p 元素。因而,假如1个 p 元素的 class 特性中仅有词 important 和 warning,将不可以配对。但是,它能配对下列元素:

拷贝编码
编码以下:

<p class="important urgent warning">This paragraph is a very important and urgent warning.</p>

上一篇:201808月 返回下一篇:没有了