当前位置: 首页 > 面试题库 >

这是什么CSS选择器?[class * =“ span”]

南门欣怡
2023-03-14
问题内容

我在Twitter Bootstrap中看到了这个选择器:

.show-grid [class*="span"] {
    background-color: #eee;
    text-align: center;
    border-radius: 3px;
    min-height: 30px;
    line-height: 30px;
}

有谁知道这种技术叫什么及其作用?


问题答案:

这是一个属性通配符选择器。在您提供的示例中,它将查找.show-grid具有CONTAINS类的任何子元素span

因此,请<strong>在此示例中选择元素:

<div class="show-grid">
    <strong class="span6">Blah blah</strong>
</div>

您也可以搜索“开头为…”

div[class^="something"] { }

这将在这样的事情上工作:

<div class="something-else-class"></div>

和“以…结尾”

div[class$="something"] { }

这将工作

<div class="you-are-something"></div>


 类似资料:
  • 问题内容: 我已经看过几次CSS代码中使用的“大于”(),但是我无法弄清楚它的作用。它有什么作用? 问题答案: 选择直系子女 例如,如果您有这样的嵌套div: 然后在样式表中声明css规则,如下所示: 您的规则仅适用于具有“中级”类的div,因为这些div是元素为“外部”类的元素的直接后代(直接子代)(当然,除非您声明其他更具体的规则来覆盖这些规则) 。见小提琴。 边注 如果您>>`。 注意:IE

  • 本文向大家介绍css中class和id选择器有什么区别?相关面试题,主要包含被问及css中class和id选择器有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 id 在部分浏览器的 js 中会直接生成同名变量; id 的唯一性,获取该 id 的 dom 时,会取同名 id 的前者; id 层叠权重非常高,1000 个 class 也覆盖不了 id 的样式; class 可以用空格给同个元素

  • 搜索字符并不容易。我在看CSS的时候发现了这个 这是什么意思?

  • id 和 class 选择器 如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。 id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。 以下的样式规则应用于元素属性 id="para1": #para1 { text-align:cente

  • 问题内容: 例如: 我不知道是什么意思 这是什么之间的区别,只是定义样式没有? 问题答案: 请参阅W3.org上的相邻选择器。 在这种情况下,选择器意味着样式仅适用于直接在另一个段落之后的段落。 一个普通的选择器会将样式应用于页面中的每个段落。 这仅适用于IE7或更高版本。在IE6中,样式不会应用于任何元素。顺便说一下,这也适用于组合器。

  • 问题内容: CSS问题:如果两个不同的选择器应用于一个元素,谁会赢? 我知道这不应该发生,但是我想调整旧应用程序,而CSS居于中间。 问题答案: 规范中的实际上是合理可读的。综上所述: 规则和内联规则获胜。 否则,通常会赢得更具体的胜利。是比更加具体的选择器。 如果规则同样具体,则以最后宣布的为准。 没有特别的理由说明为什么这种“不应该发生”。通常先指定一个广泛适用的规则,然后添加一个更具体的规则