css-selectors相关内容
我在这样的文件中遇到了一个css选择器: #contact详细信息ul li a,a [href ^ = tel ] {....} 解决方案 ^“因此在CSS中没有定义的含义。双字符运算符“^ =”可用于属性选择器。通常, [attr ^ = val] 是指具有属性 attr code> val 。 因此, a [href ^ = tel] 是指具有属性 hr
..
我有这个CSS: a { color:#19558D; padding:3px 5px; text-decoration:none; } a:hover { background-color:#D1E1EA; color:#19558D; text-decoration:none; } 它适用于所有链接,但如果我不想它适用于页面上的特定链接
..
我理解css规则可以定位属性值指定的元素,例如: input [type =“text”] {} 我可以制定一个规则,定位省略属性?例如,我可以定位缺少href的元素或不指定类型的元素吗? 解决方案 模式: a:not([href]) input:not([type]) 属性选择器用于选择具有指定属性的元素。 :not
..
div.container 比 .container 更快吗? 你知道像在jquery如果你更具体的选择器它是更快,因为它循环次数少..这是css的情况下? 有一种方法来衡量css中的性能? 性能明智,这样的事情是重要的还是所有取决于文本的重量基本上? 我会很高兴,如果有人知道答案,我实际上找到了一个类似的问题,没有一定的答案。 如果CSS是更好地指定? 解决方案 在现实
..
默认输入类型为“text”。我一直假设,针对 input [type ='text'] 的CSS声明会影响这些输入,即使类型没有在控件上显式声明。但是,我只是注意到,我的默认类型的文本输入没有得到的样式。为什么会这样?如何解决这个问题? CSS ='text'] { background:red; } HTML
..
在我的HTML中,
.................. ..................
..
我有一个文本和密码输入字段,我试图以这种方式选择: input [type = text] [type = password] 我会避免使用jQuery,所以任何帮助将赞赏(不使用自定义类)。 解决方案 如果需要,使用逗号重复这些类型: input [type = text]密码] 您的指定选择器尝试匹配输入与类型,即 text 和密码
..
是否可以匹配所有链接而不通过CSS指定 href ? 示例: 无效链接 我知道它可能匹配href的所有链接,但我只是寻找相反。 / p> 解决方案 使用CSS3的:not(): a:not([href]){ /对于没有href的锚点* / } $ c> a ,并为 a [href] 设置
..
通过类名在ID中选择标签的选择器语法是什么?例如,为了使内部“li”变成红色,我需要在下面选择什么? #navigation li { color:green; } #navigation li .navigationLevel2 { color:red; }
..
我知道有一个官方的CSS3 :checked 伪类,但有一个:unchecked 类,并且它们是否具有相同的浏览器支持? Sitepoint的参考没有提及,但 whatwg规范( 。 我知道当:checked 和:not()伪类被组合,但我仍然好奇: input [type =“checkbox”]:not(:checked){ / * styles * / }
..
由于IE6不支援子选择器(请参阅 http://kimblim.dk/csstest/#ex1 ),处理此浏览器时有什么替代方法? 我不想修改标记,我更喜欢CSS-只有解决方案... 是的,它是我想指向的直接孩子。 谢谢! 解决方案 我遇到了一个黑客的问题: http://meyerweb.com/eric/thoughts/2005/05/31/universal-ch
..
我有一些输入类型有这个scss设置(从框架) textarea, input [type =“text”], 输入[type =“password”], 输入[type =“datetime”], ... 输入[type = ], input [type =“month”], input [type =“time”], input [type =“week”], { @in
..
有一个CSS选择器来定位具有内联样式的元素吗?所以我可以定位第一跨度,但不是第二与CSS只? 如果没有,可以使用jQuery吗? http://jsfiddle.net/TYCNE/
target
未定位
..
我不确定这是可能的,但是当你想基于应用于它的类的组合来对元素进行样式时,在CSS中使用的语法吗? 我知道我可以使用jQuery或者其他东西来检查一个元素,并根据它的类来改变它的样式,但是有一个纯CSS的方式来做这个? 例如,如果我有一个粗体和绿色的类: .bold_green {color:green; font-weight:bold; } 和一个粗体和蓝色
..
我尝试使用:not()属性从规则中排除一对类,例如: *:not(.class1,class2){display:none; } 但是,它看起来像 not()属性不支持逗号分隔的类,如这个小提示中所示。 HTML:
foo
foo
..
它应该很简单,但我不能弄清楚。 我有一个这样的表:
blabla 1 blabla 2 blabla 3 blabla 4 我想
..
我不确定这个词的最佳方式,这可能是为什么我努力研究它,即使它可能很简单。 我想要什么 例如,我有类 .col-1 , .col-2 , .col-3 , .col-4 我想要做的是做一些CSS,可以说可以改变所有类的边框颜色与文本 col - ,所以我不必将它应用到每个单独的数字。 我相信我以前看过这个, 解决方案 您可以使用 [class * =“col-”] C
..
我想尝试类似这张图片: 我有一个包裹在div中的图片(作为幻灯片的一部分)元素,我显示两个控件移动到幻灯片的下一个(>>)或上一个(
..
我知道我可以定位CSS中具有特定属性的元素,例如: input [type = text] { font-family:Consolas; } 但是可以定位具有任何值属性的元素 p> a [rel = *] { color:red; } 这应该定位第一个和第三个 ; c>
..
很多时候,自然需要为除第一个(或最后一个)元素之外的所有元素指定CSS样式。例如,在设计段落时,您希望为除最后一个元素以外的每个元素添加一个底部边距(或者类似地,除第一个元素之外的每个元素的顶部边距)。 是否有任何方法: 比定义 p {...} / code>,然后 p:first-child {...} ? c $ c> p:nth-child(-n + 1)? 解决方案
..