测试地址

https://www.w3school.com.cn/tiy/t.asp?f=css_sel_class

中间没空格的，匹配的是同时拥有classC和classD的元素
中间有空格的，匹配的是父节点是classA类，子节点是classB类的元素

代码

<!DOCTYPE html>
<html>
<head>
<style>
.intro
{background-color:yellow;
}
.classA .classB{background-color: #1AA094;}
.classC.classD{background-color:#999}
</style>
</head><body>
<h1>欢迎来到我到的主页</h1>
<h2>中间没空格的，匹配的是同时拥有classC和classD的元素</h2>
<div class="classC classD">
<p >我最好的朋友是米老鼠。</p>
</div><h2>中间有空格的，匹配的是父节点是classA类，子节点是classB类的元素</h2>
<div class="intro classA">
<p>我是唐老鸭。</p>
<p class="classB">我住在 Duckburg。</p>
</div><p>我最好的朋友是米老鼠。</p></body>
</html>

运行截图

CSS .class .class与.class.class区别相关推荐

html js不触发_图文详解鼠标事件CSS:hover和JS:mouseover的区别
在工作中为了使页面更具有吸引力,前端开发人员经常会在页面中加上鼠标移入和移出的效果.鼠标移入移出的设置,一般有两种方法,一种是单纯用CSS中的hover伪类,另一种可以用JS 中的DOM事件,即onm ...
[css] pseudo-class与pseudo-element有什么区别？
[css] pseudo-class与pseudo-element有什么区别? 伪类表示已存在的某个元素处于某种状态,但是通过dom树又无法表示这种状态,就可以通过伪类来为其添加样式.例如a元素的:h ...
css元素隐藏不可获取,Css隐藏元素(display,visibility)的区别
Css隐藏元素(display,visibility)的区别 display display属性值 display 属性规定元素应该生成的框的类型. 属性值: block: /表现为一个块级元素(一般 ...
css里dotted,CSS中dashed和dotted的区别有哪些
对于刚刚接触css的朋友们来说都会分不清dashed和dotted,那么你知道CSS中dashed和dotted的区别有哪些吗?那么针对这个问题爱站小编就为大家接受CSS中dashed和dotted的 ...
CSS中background与background-image的区别
CSS中background与background-image的区别 1.如果只是设置两张背景图不涉及CSS样式那么两者都可以使用 2.如果设置样式那就只能用background,如以下是不适用ba ...
.scss和.css的区别,css - SCSS和Sass有什么区别？
css - SCSS和Sass有什么区别? 从我一直在阅读的内容来看,Sass是一种通过变量和数学支持使CSS更强大的语言. 与SCSS有什么区别? 它应该是同一种语言吗? 类似? 不同? bruno ...
CSS中绝对定位和相对定位的区别及作用
CSS中绝对定位和相对定位的区别及作用针对定位的区别及使用我整理一些方法一.绝对定位二.相对定位三.绝对定位与相对定位的区别四.绝对定位与相对定位的使用结语针对定位的区别及使用我整理一些 ...
【css】padding 和 margin的区别
css中有有一对经常是一起出现的属性:padding和margin,接下来我们以一个例子来看一下两个属性的作用及其区别. 实例演示: 使用属性前: 代码实现: <!DOCTYPE html> ...
html xhtml and css,HTML与XHTML的重要区别
说到的区别,其实我觉得并没有具体的分到太细,用通俗的话来讲,就是更加严格的,具体表现在什么地方呢?我们一一列举出来: (一):在XHTML中,所有标记名称和属性名称都必须小写. 例如:HTML可以这样 ...
css伪类与伪元素区别
伪类伪类就是一种虚构的状态或者说是一个具有特殊属性的元素可以使用CSS进行样式修饰. 伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id.class.属性等静态的标 ...

CSS .class .class与.class.class区别

测试地址

代码

CSS .class .class与.class.class区别相关推荐

最新文章

热门文章