首页 > 其他分享 >[css]选择器,匹配以某个字符开头或结尾

[css]选择器,匹配以某个字符开头或结尾

时间:2023-07-06 10:33:08浏览次数:42  
标签:匹配 结尾 id item div 选择器 css

div[class$="-btn"]:active{
    opacity:.8
}
<div class="user-btn"></div>

可匹配到div,class为“-btn”结尾的元素

div:[id^="item-"]{
    color:red
}
<div id="item-op"></div>

可匹配到div,id为“item-”开头的元素

标签:匹配,结尾,id,item,div,选择器,css
From: https://www.cnblogs.com/sherlock-V/p/17531426.html

相关文章

  • HTML&CSS
    HTMLHTML是一门语言,所有的网页都是用HTML这门语言编写出来的HTML(HyperTextMarkupLanguage):超文本标记语言 超文本:超越了文本的限制,比普通文本更强大。除了文字信息,还可以定义图片、音频、视频等内容 标记语言:由标签构成的语言HTML运行在浏览器上,HTML标签由浏览器......
  • Jquery操作元素的属性和css
    <buttonid="problem_chart_search"type="confirm"style="margin:03em;color:#fff;font-size:.75em;padding:2px10px;">搜索</button>//1、改属性$('#problem_chart_search').attr("disabled","disa......
  • CSS|Flex布局
    演示动图来源:GitHub一.什么是flex布局是一种专门的CSS一维(水平/垂直)布局方案位置(定性)大小(定量)怎么研究位置和大小借助坐标系(平面直角坐标系)水平轴:主轴垂直轴:交叉轴二.区分flex容器和flex项目1)什么是flex容器启用flex布局方案的元素2)如何......
  • HTML5、CSS3
    ​ 1.HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的IE支持HTML5新标签HTML5是超文本标记语言的第五次重新修订,2014年10月29日标准规范制定完成。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5的新特性:用于绘画:canvas元素用于媒体回访:video和audio......
  • elementui 时间选择器默认时间格式
    <el-date-pickerv-model="searchForm.date"@change="getDate"type="daterange"range-separator="至"......
  • css文本&布局属性
    1.writing-mode(协作模式):块内容(段落)在页面的流程方式  horizontal-tb(默认):水平内容,从上到下  vertical-lr:垂直内容,从左到右  vertical-rl:垂直内容,从右到左2.direction(方向):内联内容(字符)如何在屏幕上流动  ltr(默认):从左到右  rtl:右到左3.flex(弹性盒子)-物理属......
  • CSS文档说明
    CSS(Cascadingstylesheets)层叠样式表,用于美化HTML标签,配合js可以做出好看的效果文档链接访问CSS文档库查看全部介绍CSS的语法规则写在style标签中,style标签一般写在和head标签里面,title标签下面美化对象{ 属性名:属性值}CSS引入方式引入方式书写位置作为范......
  • 【7.0】前端基础之CSS案例
    【7.0】前端基础之CSS案例在设计页面的时候先用div划分页面,再去填充数据,再去填充样式html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>CnBlogs</title><linkrel="stylesheet"href=&quo......
  • 自定义日期选择器
    HTML部分代码使用popup组件将它弹出<view> <uni-popupref="popupDate"type="bottom"> <viewclass="popup-top-box"> <text>日期选择</text> <textclass="cancel-btn"@click="closeFun"......
  • CSS|盒子模型
    因为最近实习,学的是这种玩意,老师文档写的不错,更点基础的东西。一.盒子分类每个元素都有默认的显示方式,包括块盒:独占一行,可以设置宽高行盒:不独占一行,不能设置宽高(不生效)高度由字体大小撑开显示方式是由display属性控制的display常见的值:block:块盒inli......