html - 如何选择两个一组的元素并应用公共(public)边框?

标签 html css css-selectors

如何将元素按两个分组并应用边框,如 enter image description here

 <div class="row">
        <div class="col-md-2">
            16
            16
        </div>
        <div class="col-md-2">
           16
           16
        </div>
        <div class="col-md-2">
            17
            17
        </div>
        <div class="col-md-2">
            17
            17
        </div>
        <div class="col-md-2">
           18
           18
        </div>
        <div class="col-md-2">
           18
           18
        </div>
  </div>

元素是动态生成的。如何将两两分组并为此应用公共(public)边框?

最佳答案

您必须将类分配给类似的元素,例如:

<div class='red'></div>

然后在head标签中添加:

<head>
  <style>
     .red{
        background-color:red;}
  <style>
</head>

您可能想看看 CSS 样式:https://www.w3schools.com/cssref/pr_background-color.asp

关于html - 如何选择两个一组的元素并应用公共(public)边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44235676/

相关文章:

javascript - 从主文档的 CSP 沙箱中排除 iframe

html - 带边框的透明文本 html/css

asp.net-mvc-3 - 禁用文本区域和输入字段,使字体更具可读性(而不是模糊)?

css - 使用 XPath 和 CSS 定位元素

html - 如何仅为最后一个元素重置 CSS::after 样式?

html - 使用自定义 HTML 作为 Tag-it 自动完成的结果

java - 从 IE7/8 发布后下拉列表的值显示为数组,但在 Firefox 中使用 PHP、HTML、JAVA(DHTMLSUITE 模态消息)显示正常值

html - 自定义字体不起作用

CSS 选择器将样式应用于除第一个图像之外的所有图像

python - 如何区分两个具有相同类名的元素