我有以下 CSS,我需要仅应用于特定的 div(因为存在冲突):
相关 div 的类名称为 datepicker-days。我是否声明以下内容table
as .datepicker-days.table
?但是我该如何声明.table
下面的类?
CSS
table {
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.table {
width: 100%;
margin-bottom: 18px;
}
.table th, .table td {
padding: 8px;
line-height: 18px;
text-align: left;
border-top: 1px solid #ddd;
}
HTML
<div class="datepicker-days" style="display: block; ">
<table class=" table-condensed">
<thead>
<tr>
<th class="prev">
....
抱歉,如果不清楚,CSS 规则来自 Bootstrap。我只是使用了一些规则,因为我使用的日期选择器插件取决于这些特定的规则。所以我还有其他实例<tables>
在我的代码中,我不希望应用这些规则。
只需使用后代选择器:
.datepicker-days table {
/* this rule will only apply to `<table>` elements that are descendents of any element with class "datepicker-days" */
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)