css样式加载+id.例如加载1、加载300
css style loading + id. eg loading1, loading300
我在css中有这个:
#loading{ display:none; }
问题是,我不需要显示这个正在加载的div,它在加载名称后带有一个id。
例如:
<div id=loading1></div> <div id=loading422></div> <div id=loading9232></div>
我想在所有这些div中应用加载样式,我能做到吗?会怎样?
谢谢!
我想在所有这些div中应用加载样式,我能做到吗?
是的,属性以选择器开始:
[id^=loading] {
display: none;
}
它匹配id
属性以loading
开头的任何元素。
示例:
[id^=loading] {
color: blue;
}
<div id="loading1">loading1</div>
<div id="loading12">loading12</div>
<div id="loading123">loading123</div>
<div id="notloading">notloading, so not affected</div>
<div id="loading">loading with nothing after</div>
hello-freind您可以放置一个类attribut并将其命名为loading像这个
<div id=loading1 class="loading"></div>
<div id=loading422 class="loading"></div>
<div id=loading9232 class="loading"></div>
并在你的css中称之为
.loading{
display:none;
}
这可能比id类更好
我希望能找到有帮助的
试试这个:
div[id^=loading]{display:none;}
有关的更多详细信息,请参阅此链接
示例:
/* All spans with a "lang" attribute are bold */
span[lang] {
font-weight:bold;
}
/* All spans in Portuguese are green */
span[lang="pt"] {
color:green;
}
/* All spans in US English are blue */
span[lang~="en-us"] {
color: blue;
}
/* Any span in Chinese is red, matches simplified (zh-CN) or traditional (zh-TW) */
span[lang|="zh"] {
color: red;
}
/* All internal links have a gold background */
a[href^="#"] {
background-color:gold
}
/* All links to urls ending in ".cn" are red */
a[href$=".cn"] {
color: red;
}
/* All links to with "example" in the url have a grey background */
a[href*="example"] {
background-color: #CCCCCC;
}
相关文章:
- 跟踪在页面加载时应用内联样式的JavaScript
- DataTables-创建自定义分页样式(加载更多样式)
- 对插件初始化后动态加载的元素进行样式设置
- jQuery Mobile样式从另一个文件加载内容
- 避免在用ng href加载样式表之前显示内容
- 在不同的域上动态加载样式表;不适用于Firefox
- 如何在javascript调用后重新加载样式
- 重新加载样式表,而不使用 javascript/jQuery 闪烁未设置样式的内容
- 第一次在现场Jquery加载样式
- Sass 加载器不加载样式
- 如何获取加载样式表的内容
- Jquery 循环在第一次加载时未正确加载样式
- 使用回调在 Chrome 中动态加载样式表
- Mapbox react原生can't加载样式
- 如何防止从本地存储加载样式表时呈现css
- 我可以用Aglio重新加载样式、模板和变量吗?
- 动态加载样式表时,cssRules显示为空
- 表达JS部分不加载样式表
- TinyMCE:通过使用链接标签手动加载样式表
- 预加载样式表而不在页面上执行它