css - 如何在css文件中找到multipe类...
问题描述
我尝试用另一种方式问我的问题:
摘自一本书:“多个类:
p.testorosso.grassetto {color: red; font-weight: bold;}
此规则会将样式集应用于所有存在选择器中定义的类名称的元素(以任何顺序)。因此,它们将具有红色文本并以粗体显示这些段落:
<p class="grassetto testorosso maiuscolo">..</p>
<p class="testorosso grassetto">...</p>
但不是这个,因为只有一个名称作为类值存在:
<p class="grassetto">...</p> "
这个规则正确吗?
我将编写一个程序,该程序将从 html 页面转到 .css 文件以查找类定义。在本书的示例中,当我在 html 中找到它时
<p class="grassetto testorosso maiuscolo">..</p>
在 .css 文件(或 css 定义)中找到示例中的类定义,我认为我必须尝试尝试:
- 尝试 n 1:我将搜索“.testorosso.grassetto.maiuscolo”还是“.testorosso .grassetto .maiuscolo”?--> 在任何情况下:未找到
- 尝试 n 2:“.grassetto.maiuscolo”-> 未找到
- 尝试 n 3:“.testorosso.maiuscolo”-> 未找到
- 尝试 n.4:“.testorosso.grassetto”-> 找到
- 尝试 n.5:“.maiuscolo”-> 找到
对吗?还是可以使用另一种更简单的方法来查找 css 定义?
如果在尝试 n 5 中我发现两个带有“maiuscolo”的定义,如下所示:
1) .pluto .maiuscolo {字体大小:x-large}
2).topolino .maiuscolo {字体大小:xx-large}
有可能吗?我必须选择数字 1 还是 2?
如果我的问题没有使用正确的词语来定义我的问题,我很抱歉......但我是 CSS 世界的初学者,
谢谢你们
解决方案
有多种检查方法,因为您可以通过多种方式定义样式,例如
<div class="a">
<p class="green">Green</p>
<p>red</p>
</div>
要选择第一个 p,您可以使用以下任一技术 .ap:nth-child(1){ color:green } .a .green{ color:green } .green{ color:green }
但是当它是
1
1
2
3
选择第二个 p
div ul li:nth-child(2) {}
如需进一步参考,您应该搜索 CSS 选择器
推荐阅读
- google-apps-script - 将Sheet1中的数据复制粘贴到Sheet2,然后删除输入的数据,不删除Sheet1中的函数
- c - 使用 CreateThread() 在 Windows 中创建线程的时间很荒谬
- bash - /bin/sh:设置 docker-compose 入口点时没有这样的文件或目录
- jsf - 如何在 JSF 中 @WebFilter 重定向后修复空白页?
- reactjs - React 包包含哪些方法和对象?
- javascript - 试图从没有正确“允许”属性的帧中调用 enumerateDevices
- xamarin.forms - 从 Android 设置中清除 Xamarin.forms 应用程序的数据使应用程序无响应
- xcode - 如何使用 opendiff 和 git diff 而无需安装整个 Xcode 应用程序?
- python - Python 需要一个缩进的块 kkk
- c# - A* 是否能够处理多个层次(例如:多层建筑)?