程序设计 css-selectors

10

如何使用jQuery识别空文本框？我想使用选择器来做到这一点。另外，我必须在id上进行选择，因为在我想使用它的真实代码中，我不想选择所有文本输入。在下面的两个代码示例中，第一个准确地显示了用户在文本框“ txt2”中键入的值。第二个示例标识存在一个空的文本框，但是如果您将其填写，仍将其视为空。为什么是这样？可以仅使用选择器吗？此代码报告文本框“ txt2”中的值： <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('#cmdSubmit').click(function() { alert($('[id=txt2]').val()); }); }); </script> </head> <body> <form> <input type="text" name="txt1" id="txt1" value="123" /><br /> <input type="text" name="txt2" id="txt2" value="" /><br /> <input type="text" name="txt3" id="txt3" value="abc" /><br /> <input type="submit" name="cmdSubmit" id='cmdSubmit' value="Send" …

103 jquery css-selectors

6

为什么document.querySelectorAll返回StaticNodeList而不是真正的Array？

令我感到困扰的是，document.querySelectorAll(...).map(...)即使在Firefox 3.6 中我也无法做到这一点，而且仍然找不到答案，所以我认为我应该交叉张贴此博客中的问题： http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ 有人知道您没有获得阵列的技术原因吗？或者为什么StaticNodeList不会以这样的方式数组继承，你可以使用map，concat等等？（顺便说一句，如果它只是您想要的一个功能，您可以执行类似NodeList.prototype.map = Array.prototype.map;...的操作，但是再次，为什么首先有意阻止此功能？）

103 javascript dom css-selectors

2

CSS输入类型选择器-可能具有“或”或“非”语法？

如果它们存在于编程中），如果我有一个带有以下输入的HTML表单： <input type="text" /> <input type="password" /> <input type="checkbox" /> 我想将样式应用于type="text"或的所有输入type="password"。或者，我将满足所有输入的where type != "checkbox"。看来我必须这样做： input[type='text'], input[type='password'] { // my css } 没有办法做： input[type='text',type='password'] { // my css } 要么 input[type!='checkbox'] { // my css } 我环顾四周，似乎没有办法用单个CSS选择器来做到这一点。当然没什么大不了的，但我只是一只好奇的猫。有任何想法吗？

101 html css css-selectors

2

如何将样式应用于元素的所有子元素

我有一个元素class='myTestClass'。如何将CSS样式应用于此元素的所有子元素？我只想将样式应用于子元素。不是它的大孩子。我可以用 .myTestClass > div { margin: 0 20px; } 这对所有div孩子都有效，但我想对所有孩子都适用的解决方案。我以为可以用*，但是 .myTestClass > * { margin: 0 20px; } 不起作用。编辑该.myTestClass > *选择不使用Firefox 26应用规则，并有根据萤火没有其他规则的保证金。如果我替换为*，它会起作用div。

101 css css-selectors

5

Sass使用与号（＆）和类型选择器组合父对象

我无法在Sass中嵌套。说我有以下HTML： <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> 当我尝试在下面嵌套样式时，出现编译错误： .item { color: black; a& { color:blue; } } 当它是同一元素的一部分时，如何在父选择器之前引用类型选择器？

100 sass css-selectors

2

CSS属性选择器不起作用

我需要在CSS中使用属性选择器来更改不同颜色和图像上的链接，但是它不起作用。我有这个HTML： <a href="/manual.pdf">A PDF File</a> 而这个CSS： a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; } 为什么背景不是红色的？

99 html css css-selectors

5

星号（*）在CSS选择器中做什么？

我找到了这个CSS代码，然后运行它来查看其功能，并在页面上概述了每个元素，有人可以解释一下Asterisk *在CSS中的作用吗？ <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted orange } * * * * { outline: 2px dotted blue } * * * * * { outline: 1px solid red } * …

98 css css-selectors

5

* * CSS选择器有什么作用？

最近我* *在CSS中遇到了。网站参考- 网站链接。对于*CSS样式表中的一种用法，Internet和Stack Overflow中充斥着示例，但是我不确定* *在CSS中使用两个符号。我用Google搜索了它，但是无法找到与此相关的任何信息，因为它一次*选择了所有元素，但是我不确定为什么该网站使用了它两次。缺少的部分是什么？为什么使用此hack（如果是hack）？

97 html css css-selectors

2

ID中带有句点的CSS选择器

HTML规范允许在ID中使用句点（。）： <img id="some.id" /> 但是，使用CSS ID选择器规则将无法正确匹配： #some.id { color: #f00; } ID选择器的CSS规范没有提到这种情况。因此，我假设它使用的是标记名和类选择器的组合？例如，的CSS规则a.className将应用于所有<a>类名称为的锚标记（）className，例如<a class="className"></a>。是否可以有一个外部CSS文件规则，该规则通过其ID中带有句点的HTML元素进行引用？我不希望这样，因为CSS规范指定CSS“ 标识符 ”不包含句点作为有效字符。那么这是HTML和CSS规范之间的根本不匹配吗？我唯一的选择是使用不同类型的CSS选择吗？有谁能比我更聪明地确认或否认这一点？（为了简化起见，我会从HTML id属性中删除句点，但这是系统生成的id，因此在这种情况下，我无法更改它。）

97 html css css-selectors

9

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'>。这个假设正确吗？

97 css css-selectors

8

如何将元素作为第一个孩子插入？

我想在每次单击按钮时使用jquery将div作为第一个元素添加 <div id='parent-div'>  <div class='child-div'>some text</div> <div class='child-div'>some text</div> <div class='child-div'>some text</div> </div>

96 jquery prepend css-selectors

6

：第一个孩子不能按预期工作

我正在尝试选择名为的类中的第h1一个。如果它是其中的第一个元素，它将起作用，但如果在此之后出现，它将不起作用。divdetail_containerh1divul <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head> <body> <div class="detail_container"> <ul> <li></li> <li></li> </ul> <h1>First H1</h1> <h1>Second H1</h1> </div> </body> </html> 我的印象是，h1无论它在哪里，我拥有的CSS都会选择第一个div。我该如何运作？

96 css css-selectors

10

querySelector搜索直接子级

我有一些类似jQuery的功能： function(elem) { return $('> someselector', elem); }; 问题是我该怎么做querySelector()？问题在于>选择器中querySelector()要求显式指定父级。有什么解决方法吗？

96 javascript css-selectors selectors-api

4

什么CSS选择器可用于选择另一个div中的第一个div

我有类似的东西： <div id="content> <h1>Welcome to Motor City Deli!</h1> <div style=" font-size: 1.2em; font-weight: bolder;">Sep 19, 2010</div> <div > ... </div> 第二个div（“内容” div中的第一个div）的css选择器是什么，以便我可以在该div中设置日期的字体颜色？

96 css css-selectors

3

如何为一个类以外的所有元素创建CSS规则？

我已经为我的项目创建了CSS样式表。有什么方法可以创建适用于所有表元素的css规则，但属于“ dojoxGrid”类的表元素除外？就像是： .not(dojoxGrid) table{ width:100%; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; margin:1em auto; border-collapse:collapse; }

95 css css-selectors

Questions tagged «css-selectors»