Tag: css selectors

我可以使用variablesselect器吗?

我有这个variables: $gutter: 10; 我想在像SCSS这样的select器中使用它: .grid+$gutter { background: red; } 所以输出成为CSS: .grid10 { background: red; } 但是这不起作用。 可能吗?

在CSS中做什么?

我之前使用过CSS,而且遇到了下面的CSS样式,不知道它做了什么。 a[href^="http:"] { background: url(img/keys.gif) no-repeat right top; } a[href^="http://mysite.com"], a[href^="http://www.mysite.com"] { background-image: none; padding-right:0; }

第一个孩子和第一个孩子之间有什么区别?

我不能区分element:first-child和element:first-of-type 比如说,你有一个div div:first-child →所有<div>元素是其父项的第一个子项。 div:first-of-type →所有<div>元素是其父元素的第一个<div>元素。 这似乎是完全一样的东西,但他们的工作方式不同。 有人可以解释吗?

如何在不知道父元素的情况下select第n个孩子?

我不知道在不知道父元素的情况下select第n个元素,最后一个元素或第一个元素的方法。 nth-child存在的,但仅限于儿童,例如: <div> <p>One</p> <p>Two</p> </div> p:last-childselect“两个”段落, p:first-childselect“一个”段落。 但是,当我有dynamic代码,不知道父母的名字是什么,甚至父母真正是什么(可能是一个div,跨度,锚点,UL等)? 例如: <youdontknowwhat!> <p class="select-me">One</p> <p class="select-me">Two</p> </youdontknowwhat!> 我如何在这里select第二段? (我无法selectyoudontknowwhat!因为我真的不知道它是什么元素(这只是一个假设的名字)。 为什么有first-child , last-child和.select-me:first :first nth-childselect器,NO :first , :last , :nth (比如: .select-me:first )?

CSS有一个:模糊select器(伪类)?

我知道有一个:focusselect器。 我似乎无法find使用或:blurselect器的文档。 有一个吗?

:最后一个孩子没有按预期工作?

问题在于这个CSS和HTML。 这里是一个链接到示例代码jsFiddle 。 HTML <ul> <li class"complete">1</li> <li class"complete">2</li> <li>3</li> <li>4</li> </ul> CSS li.complete:last-child { background-color:yellow; } li.complete:last-of-type { background-color:yellow; } 这些CSS的行不应该用“完整”类的最后一个元素 ? jQuery中的这个查询并没有把它作为目标: $("li.complete:last-child"); 但是这个呢: $("li.complete").last(); li { background-color: green; } li.complete:first-child { background-color: white; } li.complete:first-of-type { background-color: red; } li.complete:last-of-type { background-color: blue; } li.complete:last-child { background-color: yellow; } <ul> <li class="complete">1</li> […]

内联样式属性的CSSselect器

是否有一个CSSselect器通过其内联样式属性值select此元素? <div style='display:block'>…</div> 就像是 div[cssAttribute=cssValue]

使用最后一个孩子select器

我的目标是在最后一次应用CSS,但是不这样做。 #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> 我怎样才能只select最后一个孩子?

SASS:从列表中随机挑选背景图像

我需要输出这个: #footer-widgets .container .row { background-image: url("RANDOMLY PICKED"); background-position: right bottom; background-repeat: no-repeat; } …应该有一个列表4或5链接到实际的背景图像( http://domain.com/blablabla/image.png )从中挑选。 我怎样才能用SASS做到这一点?

CSS中的伪类和伪元素有什么区别?

事情像a:link或div::after … 有关差异的信息似乎很less。