如果HTML包含这样的元素:
id="product42"
id="product43"
...
如何匹配所有那些以"产品"开头的id？
我已经看到使用javascript完全做到这一点的答案,但如何只用CSS做到这一点？
我在Angular 2中有一个名为my-comp的组件:
<my-comp></my-comp>
如何在Angular 2中设置此组件的主机元素的样式？
在Polymer中,您将使用":host"选择器.我在Angular 2中尝试过它.但它不起作用.
:host {
display: block;
width: 100%;
height: 100%;
}
我也尝试使用组件作为选择器:
my-comp {
display: block;
width: 100%;
height: 100%;
}
这两种方法似乎都不起作用.
谢谢.
可能重复:
适用于具有两个类的元素的CSS选择器
我有这个元素
<div class="a b"></div>
<div class="b"></div>
<div class="a"></div>
我想要使用类a和b应用颜色#666.我怎么能用CSS做到这一点？
如何选择TD连续的第一个和最后一个？
tr > td[0],
tr > td[-1] {
/* styles */
}
我有一些链接,我想同时选择类和id.
这是因为我有两种不同的行为.当一类链接获得一个类名时,它们以一种方式运行,当相同的链接段获得另一个类名时,它们的行为会有所不同.类名是用jquery切换的.
所以我必须能够同时选择一个链接类AND id.这可能吗？
我试过了:
$("a .save #country")
没有任何结果.
我想将CSS规则应用于其中一个类与指定前缀匹配的任何元素.
例如,我想要一个规则,该规则将应用于具有以status-(A和C 开头,而不是后续片段中的B)开头的类的div :
<div id='A' class='foo-class status-important bar-class'></div>
<div id='B' class='foo-class bar-class'></div>
<div id='C' class='foo-class status-low-priority bar-class'></div>
某种组合:
div[class|=status]和div[class~=status-]
它是否可以在CSS 2.1下使用？在任何CSS规范下都可行吗？
注意:我知道我可以使用jQuery来模拟它.
我目前正在开发一个项目,我无法控制我应用CSS样式的HTML.并且HTML没有很好地标记,因为没有足够的id和类声明来区分元素.
所以,我正在寻找可以将样式应用于没有id或class属性的对象的方法.
有时,表单项具有"名称"或"值"属性:
<input type="submit" value="Go" name="goButton">
有没有办法可以应用基于name ="goButton"的样式？那么"价值"呢？
这是很难找到的东西,因为谷歌搜索会发现各种各样的实例,其中"名称"和"价值"等广义术语将出现在网页中.
我有点怀疑答案是否定的......但也许某人有一个聪明的黑客？
任何建议将不胜感激.
如何使用遵循Sass语法或者SCSS语法的:before和:after伪元素选择器？像这样:
p
margin: 2em auto
> a
color: red
:before
content: ""
:after
content: "* * *"
当然,以上都失败了.
<div class="commentList">
<article class="comment " id="com21"></article>
<article class="comment " id="com20"></article>
<article class="comment " id="com19"></article>
<div class="something"> hello </div>
</div>
我想选择#com19？
.comment {
width:470px;
border-bottom:1px dotted #f0f0f0;
margin-bottom:10px;
}
.comment:last-child {
border-bottom:none;
margin-bottom:0;
}
只要我div.something在commentList中有另一个作为实际的最后一个孩子,那就不起作用了.在这种情况下是否可以使用last-child选择器来选择最后一次出现article.comment？
这应该很简单,但我找不到它的搜索条件.
假设我有这个:
<div class="a c">Foo</div>
<div class="b c">Bar</div>
在CSS中,我如何创建一个匹配"(.a或.b)和.c"匹配的选择器？
我知道我可以这样做:
.a.c,.b.c {
/* CSS stuff */
}
但是,假设我将不得不经常使用各种逻辑组合来做这种逻辑,那么是否有更好的语法？