css-selectors

-2热度

4回答

该应用不支持JavaScript，它只支持HTML和CSS。 https://docs.microsoft.com/en-us/azure/active-directory-b2c/active-directory-b2c-reference-ui-customization 为了安全起见，我们不会让你有任何的JavaScript在您的内容。大部分你需要的东西都应该是开箱即用的。如果没有，请使用用

-1热度

2回答

删除与属性值cite_所有元素在Javascript

我有以下代码： document.querySelectorAll(" img, [href='#cite'] ").forEach(function(el) { el.style.display = "none"; }); 在这段代码中你可以看到属性值通配符。此选择器类似于维基百科文章中的来源引用。上述代码不起作用，因此所有包含href以及引用的元素都不会被删除。 Thi

0热度

2回答

伪选择器：最后一个孩子不工作

我在引导程序4中使用导航栏，我无法弄清楚如何将border-right应用于nav-link，除了最后一项。这里是我的HTML： <nav class="navbar navbar-toggleable-md navbar-light bg-transparent"> <button class="navbar-toggler navbar-toggler-right" type="butt

1热度

1回答

如何在以下位置嵌套属性选择器：host-context？

使用LESS预处理器和阴影来支持各个组件。我也试图嵌套:host-context和:host选择器无济于事。 :host-context(.dark) { @import (multiple) 'variables/dark-theme'; .dropdown; } :host-context(.light) { @import (multiple) 'vari

2热度

2回答

如何单独定位嵌套图像？

我试图根据样式随机设置图片的时间顺序，只使用CSS，而不使用任何html类（old demo）。由于该部分中的所有图像都是链接，因此我围绕着img标签打包了<a> ... </a>标签，但现在CSS选项已损坏！我曾尝试过各种选择，但所有被分解（施加未选中，不正确的背景颜色）： sponsor img:nth-child(1) sponsor img:nth-of-type(1) spons

0热度

1回答

第n个孩子（），包括非法儿童（不良HTML）

我与HTML类似这样的工作（从第三方网站来 - 这是代码是如何提供服务，我有没有对其进行控制）： <ul class"list"> <li>first list item</li> <li>second list item</li> <div> <li>third list item</li> <li>fourth list item</li

2热度

2回答

获得第ñ类型不针对儿童的孩子？

我正在尝试使用CSS first-of-type属性来定位<div>中的一个<h1>元素，但我注意到这不仅仅针对此<div>的第一个子类型为<h1>，但它还针对的是儿童的子女是类型<h1>，这对我来说似乎不太有用。有什么方法可以排除儿童的孩子吗？在下面的例子中，我有一个<h1>这是一个<div>的直接孩子，被称为#everything。我尝试在CSS中针对该<h1>，但这会导致在子女<div>内

0热度

1回答

CSS选择父项的第n个直接子元素

不管孩子的类型如何，我们如何选择CSS中父项的第n个直接子项？

0热度

2回答

创建伪元素，但排除特定元素（不包含：nth-child）

我想在某些容器上设置伪元素边框，但排除第三个元素。我想我可以将伪选择器与:not结合使用，例如：div:before:not(nth-child(3))，但它似乎不起作用。那么:not选择器是否与伪选择器不兼容？在那种情况下，我如何才能使它具有伪元素并排除某些特定元素？（顺便说一句，与伪元素边框的想法是控制边界，让他们留在上面，无论是否有顶部（还没有看到任何重叠，如果它工作虽然）这里小提琴：

0热度

1回答

CSS - img：不是选择器？

任何想法为什么不选择下面的图像不工作？我想不是选择器阻止20％宽度的图片。我试图选择我的图像是其中一部分的类测试。 Codepen：https://codepen.io/anon/pen/gRNOgx <style> img:not(.test){ width:20%; } </style> <html> <div class="test"><img src="http://