博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
多类选择器
阅读量:5147 次
发布时间:2019-06-13

本文共 592 字,大约阅读时间需要 1 分钟。

在很多时候,我们常常会给html标签的class属性赋予多个词,各个词之间用空格分隔。例如,如果希望将一个特定的元素同时标记为重要(important)和警告(warning),就可以写作:

This paragraph is a very important warning.

这两个词的顺序无关紧要,写成 “warning important” 也可以。

通过把两个类选择器链接在一起,仅可以选择同时包含这些类名的元素(类名的顺序不限)。

如果一个多类选择器包含类名列表中没有的一个类名,匹配就会失败。请看下面的规则:

.important.urgent {
background:silver;}

不出所料,这个选择器将只匹配 class 属性中包含词 important 和 urgent 的 p 元素。因此,如果一个 p 元素的 class 属性中只有词 important 和 warning,将不能匹配。不过,它能匹配以下元素:

This paragraph is a very important and urgent warning.

重要事项:在 IE7 之前的版本中,不同平台的 Internet Explorer 都不能正确地处理多类选择器。

 

转载于:https://www.cnblogs.com/onsuccessway/p/3615361.html

你可能感兴趣的文章
初识socket
查看>>
Hive(二)hive的基本操作
查看>>
2017.9.27 JavaWeb 属性的设置和获取
查看>>
OSGI—概要介绍
查看>>
Java入门1.2.3—一个老鸟的Java学习心得
查看>>
51Nod1367 完美森林 贪心
查看>>
Linux常用命令
查看>>
读书笔记——《黑客大曝光》(6/8)
查看>>
CentOS_6.5安装Nginx+PHP+MySQL
查看>>
laravel的门面模式
查看>>
javascript中cookie常用操作
查看>>
用cocos2d-html5做的消除类游戏《英雄爱消除》——概述
查看>>
BZOJ4448 SCOI2015 情报传递
查看>>
使用git提交内容到网盘
查看>>
[笔记] SQL性能优化 - 常用语句(一)
查看>>
openvino安装踩坑记
查看>>
html03
查看>>
LINQ语法详解
查看>>
The folder is already a source folder
查看>>
App 组件化/模块化之路——Android 框架组件(Android Architecture Components)使用指南
查看>>