选择器是与文档树中的元素匹配的模式。在CSS规则中，它们用于为与模式匹配的元素定义样式。
我试图阻止 iOS 页面上的某些内容，在下面的 HTML 中，我成功阻止了 元素，因为它有一个 alt 属性，其中包含我想要阻止的文本（...
我正在使用 primeNg 行扩展功能。 代码在这里：https://primefaces.org/primeng/showcase/#/table/rowexpansion 我需要显示奇数行的黄色背景和灰色背景...
我应该在 标签上添加一个类吗？ 我尝试避免像 header {} 这样糟糕的选择器 Intent，以避免将非常具体的样式应用于我的项目中大量元素的风险... 我应该在 <main> 标签上添加一个类吗？ 我尝试避免像header {}这样糟糕的选择器意图，以避免将非常具体的样式应用于项目中大量元素的风险，但根据MDN： 文档中不得有多个 <main> 元素 所以我想知道，如果我使用像main {}这样的简单选择器，这仍然会被认为是一种不好的做法吗？ 好吧，虽然我理解你的前提，但我的答案毫无疑问是肯定的。我经常使用它，并且开发自定义 WP 站点和模板，因此我向主元素添加类，以便只有一个样式表，然后我可以将主元素定位为来自同一样式表的不同模板，或者重新使用声明最小的变化。例如：索引页面上的主要元素通常与内页、档案、搜索页面等上的主要元素内容不同，特别是在高度定制的网站上 当然，如果这不是你的情况，那就没有必要，最好不上课，但这也符合品味。我倾向于用类来构建我的主题，无论是否未使用。这样，如果客户或用户稍后需要使用该元素，就更容易做到。 不用说，从语义角度来看： <main class="index"> <main class="page"> <main class="archive"> <main class="blog"> 看起来比原来好很多<main> 尽管如此，这取决于您和您的工作流程，它并不是一成不变的，就像许多 HTML5 和 W3C 建议一样 是否在 main 中添加类的基本答案是否定的。正如您所注意到的，根据 WHATWG 规范，每个文档只能有一个标签（当前可见的标签），因此添加类是多余的（即使对于 BEM 也是如此）。就我个人而言，在开发时，我什至尽量避免设置主标签的样式。 但如果我真的需要设置它的样式，那么我实际上使用 main {}，因为它比创建额外的容器更好，以避免不必要的 DOM 嵌套。
我想选择所有具有 p 类的标签，即 .row 的子级 .行 .p { ... } 但排除所有以 .disable 作为父类（不是直接）的。 我可以这样选择它们： .行.p...
我试图通过使用java中的流来获取Web元素并单击“添加到购物车”，但无法首先获取该元素。 这是代码。 WebDriver 驱动程序 = new EdgeDriver(); 司机....
我正在尝试为 ul li a 元素获取特殊的样式。这是代码： 一个 我正在尝试为 ul li a 元素获取特殊样式。这是代码： <ul id="menu"> <li><a href="#">One</a></li> <li><a href="#">Two</a></li> <li><a href="#">Three</a></li> </ul> 我希望第二个链接（二）具有与其他两个链接（一和三）不同的样式 (color)。 这是我一直在尝试的，但似乎不起作用： #menu li a:nth-child(even) {color:red;} 有什么技巧可以让它发挥作用吗？这是一个全部设置好的小提琴： http://jsfiddle.net/DSkfH/ :nth-child() 从其兄弟元素中选择元素，在这种情况下，a 元素没有兄弟元素，因此您需要对 :nth-child() 使用 li 伪类来代替： #menu li:nth-child(even) a {color:red;} JS Fiddle 演示. 尝试 #menu li:nth-child(even) a {color:red;} 如果您也想要李子上的颜色，您还需要 #menu li:nth-child(even) {color:red;} 您不能只使用 li 选择器，因为颜色属性不是由 a 标签继承的。 http://jsfiddle.net/DSkfH/3/
我读到了 CSS 中的后代选择器，但无法让它工作： .c1 div { 背景颜色：红色；} h1 {颜色：#00b339} ...
我遇到了背景剪辑的问题：使用相对后文本会中断，我看不到任何原因，文本在那里，但由于 webkit 填充颜色，颜色呈现透明，但它......
我正在尝试创建与图像中显示的按钮类似的按钮。 按钮内部有 2 种颜色（如背景颜色）。 1为透明，其他颜色为浅橙色。 浅橙色...
我想创建一个折叠效果。 小提琴 有 4 张蓝色卡片，所以我创建了 4 个类来设置位置。我想让它变得更智能，以防卡片数量超过 4 张。在 CSS 中，我尝试了这个......
我的html结构如下- 学生A ... 我的 html 结构如下- <div id="div1" class="css1"> <span>Student A </span> </div> <div id="div2" class="css1"> <span>Student B </span> </div> <div id="div3" class="css1"> <div id="parentDiv"> <div id="div101"> <span> Student C </span> </div> <div id="div201"> <span> Student D </span> </div> </div> </div> 下面是CSS类- .css1{ color: red; } 我想要 CSS 选择器能够通过类 .css1 识别 div - #div1 和 #div2，对于 div id #div3，它应该仅适用于子 div id #div101。例如： div.css1, div.css1 > div#div101{ color: red; } 因此，#div1 和 #div2 将显示为红色，对于 div id#div3，只有 id#div101 的子 div 才会显示为“红色”。 这是针对您的具体问题的解决方案。第一个选择器选择所有具有 .css1 类且 没有 有子 div 的 div。第二个选择 #div101 作为（不是直接，这与您问题中的 css 规则中的内容不同）具有类 .css1 的 div 的后代。 我想你的问题实际上更笼统，但无论如何，这解决了确切的给定问题。 div.css1:not(:has(div)), div.css1 div#div101 { color: red; } <div id="div1" class="css1"> <span>Student A </span> </div> <div id="div2" class="css1"> <span>Student B </span> </div> <div id="div3" class="css1"> <div id="parentDiv"> <div id="div101"> <span> Student C </span> </div> <div id="div201"> <span> Student D </span> </div> </div> </div>
使用各种选择器配置有何影响？ span.classy.whatever { } span.classy, .whatever { } 跨度 .classy .whatever { } 跨度、.classy、.whatever {}
我有这个CSS： .form-group input[type=checkbox]:not(.form-group div.checkbox input[type=checkbox]) { 顶部边距：10px； } 其目的是为不在 div.check 内的复选框提供一个 margin-top ...
有什么有用的技术可以减少 CSS 文件中常量的重复吗？ （例如，一堆不同的选择器都应该应用相同的颜色或相同的字体大小）？
仅使用 CSS 在 Chromium 中使用本机音频播放器时如何隐藏总时间中的“/”字符分隔符？
我正在设计一个本机浏览器元素，，为此，有必要使用本机浏览器伪元素，例如： .audio-message 音频::-webkit-media-controls-current-time-dis...
我正在设计一个本机浏览器元素，，为此，有必要使用本机浏览器伪元素，例如： .audio-message 音频::-webkit-media-controls-current-time-dis...
我发现我放置的CSS使选择表单中的选项预览消失。 我似乎无法在网上找到有关如何解决此问题的解决方案。 这是导致...
我的理解是img和span都是内联元素，应该彼此相邻移动。 但是，我在下面的示例中没有看到这种情况发生。 我的 HTML 正文如下所示： ...
我有： 我有： <div id="aa"> <img src="." height="17" alt="example1" title=""> <img src="." height="17" alt="example2" title=""> <img src="." height="17" alt="example3" title=""> </div> 我只想选择图像的属性“alt”值“example1，example2，example3”。我怎样才能得到它们。 我认为您的意思是您想要选择 alt 属性中包含 example* 的所有图像（在 CSS 中），以便您可以设置它们的样式。 （并且您并不是说您实际上想要选择 alt 属性中设置的文本） 您可以使用属性选择器： img[alt~="example"] { border: 1px solid red; } 要选择某些属性，请使用选择器 img[alt="example1"], img[alt="example2"], img[alt="example3"]