如果元素具有特定的CSS类以及其他任何类

马特。

我不敢相信在我编写 CSS 的很长一段时间里,我从来没有这样做过,但这让我很难过。

我有span.item-name并且我想仅在此元素具有另一个类(可以是任何类)时添加一些特定样式。

我试过了span.item-name.*,但它不起作用。这是可能的,我有哪些选择?

G-西里尔

您可以使用属性选择器。(参见:https : //www.w3.org/wiki/CSS/Selectors#Attribute_Selector示例:

body>.item-name:before, b {
  content:'Class name is: 'attr(class)'. ';
  color:purple
}
p[class*="item-name"][class*=" "]:before {
  color:green;
}
p[class^="item-name"][class*=" "]:before {
  color:red;
}
<p class="item-name"> The basic class</p>
<p class="item-name another-class"> the basic class at first and then any other</p>
<p class="another-class item-name  any-more-class"> more than one class including <b>item-name</b> at any position</p>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

选择具有特定类而不是其他类的元素

如何在具有其他类的同时切换具有特定类的元素

仅当其他类处于活动状态时才删除具有特定类的元素

如果其他元素具有该类,如何停止将类添加到元素?

如何从具有一个到多个类名的元素中找到恰好具有特定和唯一类名(而不是任何其他类名)的元素?

如果其他按钮具有特定类,则切换按钮

如果其他同级都具有类,则在同级上运行CSS

如果元素通过javascript具有特定文本,则将CSS类添加到元素

如果是特定类别,请使用其他CSS类

如何将悬停效果应用于具有相同 css 类的其他元素?

设置其他具有特定类的div的样式

选择所有具有一个类的元素以及两个其他类中的任一个?

如果元素具有特定类,则防止事件触发

Python 类,试图掌握创建类的实例以及其他与类相关的函数的概念

使用依赖于其他类的类将CSS应用于任何元素

CSS类:悬停选择所有其他元素

如何使用css隐藏类的特定元素并显示同一类的其他元素

jQuery - 如果子元素具有特定的 css 类,如何将 css 添加到父元素

创建新矢量,而没有任何元素与原始矢量以及其他矢量处于相同位置?

如何检测具有类名的元素是父级/高于所有其他类名?

将类添加到对if语句正确但与其他元素具有相同类的特定项

如何选择具有任何CSS类所应用的特定样式的文本?如果可以通过XPath更好

影响其他元素的类的CSS属性

仅具有特定类的表的元素上的CSS样式

如果在特定元素之外单击,请删除具有特定类的所有元素

美丽的汤-选择所有具有类的元素,但也将它们分开,或者如果它们也具有其他优点,则忽略它们

如果对象也有其他类,Beautiful Soup也找不到CSS类

输入类型电子邮件的行为与具有相同 css 类的其他输入元素不同

具有特定类的元素的 CSS/Xpath 选择器包含具有特定文本的元素