首页 > 其他分享 >css同时满足多个class写法

css同时满足多个class写法

时间:2023-11-27 15:47:43浏览次数:33  
标签:el color 写法 border class css

css同时满足多个class的写法(取交集)

.el-menu-item.is-active {
  border-left: 5px;
  border-color: #039EFD;
  border-right-style: solid;
  background-color: #D8F4FE;
}

css 满足其中一个class的写法(取并集)

.el-menu-item,.is-active {
  border-left: 5px;
  border-color: #039EFD;
  border-right-style: solid;
  background-color: #D8F4FE;
}

 

标签:el,color,写法,border,class,css
From: https://www.cnblogs.com/liyuanhong/p/17859486.html

相关文章

  • CSS-position 定位
     1.介绍css定位属性允许对元素进行定位改变其在页面的位置。css有三种基本定位机制:普通流、浮动和绝对定位。普通流的元素的位置由元素在html中的位置决定。 2.定位属性设置偏移量:left、right、top、bottom(左、右、上、下)3.定位方式①静态定位(static):(很少用)......
  • 直播平台制作,css之如何清除浮动
    直播平台制作,css之如何清除浮动<styletype="text/css">  li{    list-style:none;    height:100px;    width:100px;    float:left;    background:red;    margin-left:20px;  }     .father:after,......
  • C++11 后的单例写法
    template<typenameT>classSingleton{public:staticT&getInstance(){staticTt;returnt;}Singleton(constSingleton&)=delete;Singleton&operator=(constSingleton&)=delete;protected:......
  • (二十六)C#编程基础复习——Class类
    在C#中,类是引用类型的,其中包括状态(成员属性)和操作(成员方法和其他函数成员),我们可以动态创建类的实例(instance),这个实例也称为对象(object),我们可以通过类和对象来设计程序。一、类的定义类的定义需要使用class关键字,语法说明:访问修饰符用来指定类或类中成员的访问规则,可以忽略不写......
  • MyBatis 大于等于小于等于常用写法
    前言经常在工作中使用mybatis范围筛选的时候忘记大于等于小于怎么写,这里做记录分享给有需要的人。不喜别喷方法一:使用转义字符含义原符号转义字符小于<<小于等于<=<=大于>>大于等于>=>=逻辑与(和)&&amp;单引号‘&apos;双引号“"使用示......
  • S7协议(通用写法)
      S7通信协议是西门子公司推出的一种工业通信协议,用于在工业自动化领域中实现设备之间的通信。它是一种基于以太网的协议,支持多种通信方式,如TCP/IP、UDP/IP、ISO-on-TCP等。主要用于西门子S7系列PLC(可编程逻辑控制器)之间的通信,也可以用于与其他设备之间的通信,如人机界面(H......
  • css选择
     类型选择器类型指h1,p,a这类h1{color:red;} 全局选择器以*开头  类选择器.highlight{background-color:yellow;}<h1class="highlight">Classselectors</h1>指向特定元素类span.highlight{background-color:yellow;}<p>Veggiesesbonusvobis,pr......
  • css基本
    css被称为样式语言本人理解html如是房子css即是装修p{color:red;  width:500px;  border:1pxsolidblack;} p整个结构称为规则p->为选择器选择多个元素p,h1{color:red;}<linkhref=pathrel=stylesheet/> paddingbordermarginbackground-......
  • vue 根据js的变量来设置css 里面的属性的属性值
    1.通过动态绑定style,声明css变量"--fontColor",把变量”fontColor”赋给“--fontColor”2.在css中使用var函数读取“--fontColor”变量点击查看代码<template><divclass="wen_style":style="{'--fontColor':fontColor}">当前字体的颜色......
  • css伪类选择器
    点击查看代码:nth-child(){},用来选择父元素下的第n个子元素。注意::nth-child(){}是根据父元素下所有子元素进行排序:nth-child(2n){},选中父元素下偶数行的子元素。:nth-child(2n+1){},选中父元素下奇数行的子元素。:nth-child(odd){},选中父元素下奇数行的子元素。:nth-chil......