Questions tagged «css-selectors»

var classes = $(this).attr('class').split(' '); // this gets the current element classes var classes = $(this).parent().attr('class').split(' '); // this gets the parent classes. 在上述情况下的父母是ankor。 如果我想获得$（this）的第一个父级DIV，代码将是什么样？ var classes = $(this).div:parent().attr('class').split(' '); // just a quick try. *基本上，我想获取$（this）的第一个父级DIV的类。 谢谢

95 javascript  jquery  css-selectors 

根据我的理解，HTML5规范使您可以使用ID这样的数字。 <div id="1"></div> <div id="2"></div> 我可以使用，getElementById但不能使用querySelector。如果尝试执行以下操作，则会在控制台中收到SyntaxError：DOM异常12。 document.querySelector("#1") 我很好奇，querySelector当HTML5规范说数字有效时，为什么不能将数字用作ID起作用。我尝试了多种浏览器。

94 javascript  html  css-selectors  selectors-api 

如何<ul>从这样的列表中选择仅父级的链接元素？ <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> 所以在css中ul li a，但不是ul li ul li a 谢谢

93 jquery  html  css  css-selectors 

之类的东西a:link或div::after... 有关差异的信息似乎很少。

93 css  css-selectors  pseudo-class  pseudo-element 

我在使用这个特定的CSS选择器时遇到了麻烦，当我添加:not(:empty)它时，它不希望工作。似乎可以与其他选择器的任何组合正常工作： input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } 如果我删除了该:not(:empty)零件，它就可以正常工作。即使我将选择器更改为input:not(:empty)它，也不会选择输入了文本的输入字段。这是坏处还是我只是不允许:empty在:not()选择器中使用？ 我唯一想到的是浏览器仍在说该元素为空，因为它没有子元素，每个元素只有一个“值”。是否:empty选择不具有独立功能的输入元素与常规的元素？但这似乎不太可能，因为:empty在字段上使用并在其中输入内容会导致替代效果消失（因为它不再为空）。 在Firefox 8和Chrome中进行了测试。

92 html  css  css-selectors 

使用以下标记，我希望CSS选择器选择每个选项div中的第一个选择菜单以外的所有菜单，其中可能有很多： <div class="options"> <div class="opt1"> <select title="Please choose Warranty"> <option value="">Select Waranty</option> <option value="1">1 year guarantee</option> <option value="2">3 year guarantee</option> </select> </div> <div class="opt2"> <select title="Please choose Color"> <option value="">Select Color</option> <option value="1">Red</option> <option value="2">Blue</option> </select> </div> <div class="opt3"> <select title="Please choose Size"> <option value="">Select Size</option> <option value="1">Small</option> <option value="2">Big</option> …

92 html  css  css-selectors 

我有个问题。我有这样的元素： <a> id = someGenerated的元素Some：Same：0：name <a> id = someGenerated的元素Some：Same：0：surname <a> id = someGenerated的元素Some：Same：1：name <a> id = someGenerated的元素Some：Same：1：surname 我需要CSS选择器来获取名称。问题是我不知道如何获得它。我尝试过a[id*='Some:Same']-它返回了所有<a>元素。之后，我可以获得ID以名称结尾的元素。但是我不喜欢这个主意。我认为可以使用其他选择器来完成。

91 css  css-selectors  webdriver 

是否有适用于非空属性的CSS选择器？:not([Data-Attribute=''])如果属性也不存在，则使用匹配项。 我正在寻找类似的东西[Data-Attribute!='']。

90 css  css-selectors 

w3schools表达它的方式，听起来是一样的。 W3Schools的CSS参考 div + p 选择所有<p>紧随<div>元素之后的元素 div ~ p 选择<p>元素前面的每个<div>元素 如果一个<p>元素紧接在一个<div>元素之后，那是否不意味着该<p>元素前面有一个<div>元素？ 无论如何，我正在寻找一个选择器，可以在其中选择紧接在给定元素之前的元素。

89 css  css-selectors 

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

89 css  css-selectors 

如何将悬停效果应用于a元素，而不应用于a具有class的元素active？ a:hover(not: .active) 似乎缺少某些东西。

88 html  css  css-selectors 

这将选择所有<B>直接在<A>标签之后的标签： A+B { /* styling */ } 对于所有的选择是什么<A>直接的标签，随后通过<B>标签？ 这是适合我的问题的示例HTML： <a>some text</a> <b>some text</b>

88 css  css-selectors 

我正在多语言Web应用程序上使用Selenium WebDriver 2.25.0，主要测试页面内容（用于阿拉伯语，英语，俄语等不同语言）。 对于我的应用程序，根据性能最好，并确保它应支持所有浏览器（即IE 7、8、9，FF，Chrome等）。 预先感谢您的宝贵建议。

87 selenium  selenium-webdriver  xpath  css-selectors  webdriver 

CSS中是否有伪类可以指定 :not(:hover) 还是这是指定未悬停的项目的唯一方法？ 我经历了几个CSS3参考，但没有看到提及CSS伪类来指定：hover的反义词。

87 css  css-selectors  pseudo-class 

我有一个.object具有名为的属性的类level。我想获取level页面上所有不同值的列表，以便选择最高的值。 如果我做类似的事情： $(".object").attr("level") ...那会给我一个列为level属性值的值列表吗？我怀疑不是，但是那你该怎么做呢？ 注意：我不想像更常见的那样选择HTML对象进行操作，而是想选择属性的值。 编辑：为了获得最高的“级别”，我已经做到了，但是似乎没有用。我将尝试其他建议的方法。 var highLevel=0; $.each(".object[level]", function(i, value) { if (value>highLevel) { highLevel=value; } }); alert(highLevel);

86 jquery  css-selectors