pseudo-class 相关问题

CSS伪类允许基于元素的状态,DOM树结构中的位置,用户动作或其他因素在文档内更具体地选择元素。

四个相同的类,通过伪选择器接收四种不同样式

考虑此标记-不能更改(我意识到添加更多的类,否则ID可以使用,并且更容易,但是必须使用此标记)。最多只能有六个类别的“测试” ...

回答 1 投票 1

悬停状态和非悬停状态的单独过渡

这里是一个示例div- $(“ div”)。css(“ opacity”,“ 1”); div {背景:红色;高度:100px;不透明度:0;过渡:所有0.2s到2.7s缓解; } div:hover {background-color:blue; ...

回答 5 投票 0

如何通过其属性更改组件的样式?

我想在javafx中显示不同的标签,我想根据它们的文本设置样式。我添加了一个CSS文件并设置了标签的类。然后,我检查了fxml,发现文本为...

回答 2 投票 2

滚动容器右侧的模糊效果

我想在可滚动容器末端的项目上实现模糊效果。但是即使滚动更远,它也只停留在一项上。它应该只贴在右侧。滚动到...时的初始图片。

回答 1 投票 0

[css基于子级活动伪元素更改父级样式

基于此结构,如何具有特定的样式,例如background-color:红色;仅适用于 [<ul class="wrapper"> <li class="parent"> <a class="child active"></a> </li> <li class="parent"> <a class="child"></a> </li> <li class="parent"> <a class="child"></a> </li> </ul>

回答 1 投票 0

:not()伪选择器在某些标签中无法正常工作

HTML: I`mp I`m a I`m h2 CSS::not(p){color:red;}:not()伪类应选择所有元素在HTML文档中,该...

回答 2 投票 0

如何将有效/无效的伪类与Angular表单控件验证器混合?

我正在使用Agular表单控件来控制“选择”有效性。当所述“选择”无效时,可以在“选择”上找到类“ ng-invalid”。当“选择”有效时,类“ ng-valid”有效。但是,...

回答 1 投票 0

对伪元素的悬停效果不起作用

我想在我的flex元素上提供悬停效果,该效果会滑下黑色的“窗帘”,但由于某种原因,未创建:: after元素,因此悬停不起作用。我在做什么错...

回答 2 投票 1

使用伪类`:before`和`content:`来 显示图标的利弊?

我有时会看到使用伪类:before的网页以及内容:“ \ f061”以显示图标。有时我觉得很奇怪,因为我不习惯使用伪类:before和content:。 ...

回答 1 投票 0

document.activeElement.matches(:focus)为假。为什么会这样?

我有一个li: 我已将其制表。 document.activeElement实际上是此元素。但是,文档....

回答 1 投票 0

伪类的用法是:not()?

我看到了这个伪类:not()在YouTube视频页面的源代码中使用,在MDN中搜索,我看到了这篇文章解释了伪类,但是我不明白为什么(在哪...

回答 1 投票 0


CSS-使用:after伪元素的下边界,即文本的长度

我有一个 ,我需要使用:: after伪元素来设置样式,使其后方包含一个红色的底部边框。目标:红色底边框应仅显示文本的长度。结果:...

回答 1 投票 -1

具有css数据属性[重复]的目标第一个子对象

我正在尝试定位div中具有数据属性data-item =“ 8”的div中的第一个 标签。到目前为止,我已经尝试过:[data-item = “ 8”] p:first-child {font-size:1.8rem; }为...

回答 1 投票 0

Element.prototype.matches不匹配裸对象:pseudoclass

由于某种原因,对于完全有效的CSS选择器(:hover),Element.prototype.matches返回false:let n = / *一个HTMLAnchorElement,其状态被强制为:hover * /; console.log(n.matches(':hover'...

回答 1 投票 0

目标伪类未隐藏的内容

我正在尝试做一个水平菜单:当用户单击(或点击)一个选项时,内容将显示在菜单下方的同一页上;当用户单击另一个选项时,新内容就会重叠...

回答 1 投票 0

将更多的深度选择应用于:host CSS伪类

我正在制作一个自定义元素,并且一直在寻找一种方法来增加与影子DOM相关的:host伪类的特异性。据我了解,它用于选择...

回答 1 投票 0

CSS之前的宪章大小过小

[如果在CSS之前添加菜单分隔符斜线,则斜线太小/切得太高。示例代码:ul.menu.m-header-default-menu li.menu-item:before {content:“ /”;填充:0 .75em; } ul.menu.m -...

回答 1 投票 0

了解链接伪类继承

我使用a:link,a:visited a:hover和a:active进行了简单的设置,所有这些都定义在样式表的顶部。我也有一个div,其中我为其中的锚点定义了a:link颜色。当我这样做时...

回答 2 投票 1

为什么这么称呼伪类?

a:hover为什么将其称为“伪类”?是否与“类”的概念相似?

回答 5 投票 7

© www.soinside.com 2019 - 2024. All rights reserved.