首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在css类中使用特定关键字向所有div添加样式

如何在css类中使用特定关键字向所有div添加样式
EN

Stack Overflow用户
提问于 2020-05-21 04:18:15
回答 2查看 248关注 0票数 1

我想将样式添加到类中所有带有"cont“的div中。我怎么能这么做?我试过用div[class ~= "cont"],但它不起作用。我做错了什么吗?

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/infopersonal.css">
</head>
<body>
    <div>
        <div class="cont-1">1</div>
        <div class="cont-2">2</div>
        <div class="cont-3">3</div>
        <div class="cont-4">4</div>
        <div class="div-5">5</div>
    </div>
</body>
</html>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-05-21 04:22:16

不要使用*,所以css的定义如下所示

divclass*="cont“

票数 2
EN

Stack Overflow用户

发布于 2020-05-21 04:21:29

如果希望字符串以cont开头,则可以使用cont,也可以使用*验证类中的字符串。

代码语言:javascript
复制
div[class^="cont"] {
  background: red;
  border:1px solid black;
}
代码语言:javascript
复制
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/infopersonal.css">
</head>
<body>
    <div>
        <div class="cont-1">1</div>
        <div class="cont-2">2</div>
        <div class="cont-3">3</div>
        <div class="cont-4">4</div>
        <div class="div-5">5</div>
    </div>
</body>
</html>

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61927194

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档