Tag: css selectors

之前和之前有什么区别？: 我刚刚看到一个包含::before标签的CSS代码。我看着MDN看看::before是什么，但是我真的不明白这一点。有人可以解释它是如何工作的？它在我们用CSSselect之前是否创build了一个DOM元素？

在CSS中，多个类中的逗号和空格是什么意思？: 这是一个我不明白的例子： .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } 在我看来， width: 460px适用于上面提到的所有类。但是为什么有些类用逗号（ , ）和一些空格隔开呢？我认为width: 460px将只应用于CSS文件中提到的方式组合类的元素。例如，它将应用于<div class='container_12 grid_6'>但不会应用于<div class='container_12'> 。这个假设是否正确？

如何select“A”类而不是“B”类的div？: 我有一些divs： <div class="A">"Target"</div> <div class="AB">"NotMyTarget"</div> <div class="AC">"NotMyTarget"</div> <div class="AD">"NotMyTarget"</div> <div class="AE">"NotMyTarget"</div> 有没有一个CSSselect器，会让我包含Target的div，而不是包含NotMyTarget的div？解决scheme必须在IE7，IE8，Safari，Chrome和Firefox上运行编辑：到目前为止尼克是最接近的。这是笨拙的，我不喜欢的解决scheme，但至less它的作品： .A { /* style that all divs will take */ } div.B { /* style that will override style .A */ }

如何使用在CSS中具有任何值的属性来定位元素？: 我知道我可以针对CSS中具有特定属性的元素，例如： input[type=text] { font-family: Consolas; } 但是是否有可能针对具有任何值的属性的元素（除非没有，即当属性没有被添加到元素中）？大概是这样的： a[rel=*] { color: red; } 其中应该定位在这个HTML中的第一个和第三个<a>标签： <a href="#" rel="eg">red text</a> <a href="#">standard text</a> <a href="#" rel="more">red text again</a> 我认为这是可能的，因为默认情况下， cursor: pointer似乎被应用于任何具有href属性值的<a>标签。

你如何在SASS中定义属性select器？: 在CSS中，你可以这样做： input[type=submit] { // properties } 这对于样式表单button非常有用。你如何在SASS做同样的事情？

我应该使用CSS：禁用伪类还是属性select器还是一个意见问题？: 我正在尝试设置禁用的input样式。我可以用： .myInput[disabled] { } 要么 .myInput:disabled { } 属性select器是现代CSS3方式还是前进方向？我曾经使用伪类，但我不能find任何信息，是否他们是旧的方式，将不被支持，或者他们是否平等，你可以使用任何你最喜欢的。我不需要支持旧的浏览器（这是一个Intranet应用程序），所以它是：属性更新更好伪类仍然是要走的路无论你最喜欢哪一个有一个技术上的理由使用一个在另一个

CSSselect器中有多个类: 我看到这样的select器， .class1 .class2 .class3 { } 这是什么意思？我已经使用了多个没有空格的类select器。空间意味着后代，但对于阶级来说是没有意义的。

CSSselect器，仅用于定位直接的孩子，而不是其他相同的后代: 我有一个嵌套的可sorting列表，可以dynamic地添加或删除项目，并可以嵌套深层次。在嵌套中，将新的ul元素注入到被选为父元素的任何li元素中。列表的初始状态如下所示： <ul id="parent"> <li id="One"><a href="" class="listLink"><span class="position">1</span>One</a></li> <li id="Two"><a href="" class="listLink"><span class="position">2</span>Two</a></li> <li id="Three"><a href="" class="listLink"><span class="position">3</span>Three</a> <ul> <li id="A"><a href="" class="listLink"><span class="position">1</span>A</a></li> <li id="B"><a href="" class="listLink"><span class="position">2</span>B</a></li> <li id="C"><a href="" class="listLink"><span class="position">3</span>C</a></li> <li id="D"><a href="" class="listLink"><span class="position">4</span>D</a></li> <li id="E"><a href="" class="listLink"><span class="position">5</span>E</a></li> <li id="F"><a href="" class="listLink"><span class="position">6</span>F</a></li> </ul> </li> <li id="Four"><a […]

select器div + p（plus）和div〜p（波浪号）之间的差异: w3schools短语的方式，他们听起来是一样的。 W3Schools的CSS参考 div + p select紧接在<div>元素之后的所有<p> <div>元素 div ~ p select前面有<div>元素的每个<p> <div>元素如果一个<p>元素紧跟在一个<div>元素之后，那不是说元素之前有一个<div>元素吗？无论如何，我正在寻找一个select器，我可以select一个位于给定元素之前的元素。

如何select给定类名的第一，第二或第三个元素？: 我如何select元素列表中的某个元素？我有以下几点： <div class="myclass">my text1</div> <!– some other code follows –> <div> <p>stuff</p> </div> <div> <p>more stuff</p> </div> <p> <span>Hello World</span> </p> <div class="myclass">my text2</div> <!– some other code follows –> <div> <p>stuff</p> </div> <p> <span>Hello World</span> </p> <input type=""/> <div class="myclass">my text3</div> <!– some other code follows –> <div> <p>stuff</p> </div> <footer>The end</footer> 我有CSS类div.myclass […]