Html 如何设置子div与父div不相关的样式
我想在我的帖子中插入一个HTML表格Html 如何设置子div与父div不相关的样式,html,css,Html,Css,我想在我的帖子中插入一个HTML表格 <div class="page-section"> <div class="container"> <div class="row"> <div class="col-md-1"></div> <div class="col-md-10"> {!! $post->body !!
<div class="page-section">
<div class="container">
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-10">
{!! $post->body !!}
</div>
<div class="col-md-1"></div>
</div>
</div>
</div>
表的代码:
li{
列表样式:无;
}
/*------定价表-----------------*/
#定价表部分。定价表{
边界:无;
盒影:0.10px rgba(0,0,0,0.2);
-webkit转换:所有400ms线性;
过渡:所有400ms线性;
填充:32px21px;
边界半径:8px;
背景:#f5;
}
#定价表部分。定价表h4{
颜色:#74a534;
字体系列:“Roboto”,无衬线;
边缘底部:25px;
}
#定价表部分。定价表。价格{
填充:22px0;
边框顶部:1px实心#e1f1ff;
/*边框底部:1px实心#d9d9d9*/
}
#定价表部分。定价表。价格h2{
左边距:20px;
位置:相对位置;
字体系列:“开放式Sans”,无衬线;
颜色:#000000;
}
#定价表部分。定价表。价格h2跨度{
字体系列:“Roboto”,无衬线;
}
#定价表部分。定价表。价格h2。美元{
字号:18px;
显示:内联块;
位置:绝对位置;
/*左:-20px*/
顶部:10px;
}
#定价表部分。定价表。价格h2。月份{
字体大小:10px;
显示:内联块;
位置:绝对位置;
左:9px;
底部:-4px;
颜色:#9292;
}
@媒体屏幕和屏幕(最大宽度:992px){
#定价表部分。定价表。价格h2{
左边距:10px;
}
}
#定价表部分。定价表。价格p{
颜色:#9292;
}
#定价表部分。ul包装定价表{
填充:20px0;
}
#定价表部分。定价表ul.li{
字体大小:16px;
字体大小:400;
字体系列:“开放式Sans”,无衬线;
线高:40px;
}
#定价表部分。定价表ul.li i{
显示:内联块;
宽度:24px;
颜色:#62be10;
}
#定价表部分。定价表。按钮{
背景#07aaa5;
颜色:#ffffff;
边框颜色:透明;
}
/*#定价表部分。定价表。按钮:之前{
背景#74a534;
} */
#定价表部分。定价表。黑色{
背景#07aaa5;
颜色:#ffffff;
边框颜色:透明;
}
#定价表部分。定价表。黑色ul.li i,
#定价表部分。定价表。kinhdoanh ul.li i,
#定价表部分.pricing-table.coban ul.li i{
颜色:#ffffff;
}
#定价表部分。定价表。黑色h4,
#定价表部分。定价表。黑色h2,
#定价表部分.pricing-table.black p,
#定价表部分.pricing-table.black h2>.month{
颜色:#ffffff;
}
#定价表部分。定价表。黑色。按钮{
背景:#ffffff;
颜色:#202125;
}
#定价表部分。定价表。黑色。按钮:之前{
背景#74a534;
}
#定价表部分。pricing-table.black。按钮:悬停,
#定价表部分。pricing-table.black。按钮:焦点,
#定价表部分。定价表。黑色。按钮:活动{
颜色:#ffffff;
}
@媒体屏幕和屏幕(最大宽度:767px){
#定价表部分。定价表。黑色{
利润率:50px0;
}
}
#定价表部分。定价表。黑色:悬停。按钮:前,
#定价表部分。定价表。coban:hover。按钮:before,
#定价表部分。定价表。kinhdoanh:悬停。按钮:前{
背景:#202125;
}
#定价表部分。定价表:悬停。按钮:悬停{
颜色:#ffffff;
}
/*------定价表结束-----------*/
Bảng giá
Tùy theo nhu cầUCủa bạn váchọn gói tố新罕布什尔州ất cho mình
Gói cơbảN
2200000越南盾
这ết kế web theo mẫ美国ẵn có
- Chọn mẫ吴娇迪ện
- Miễn phí1主机+tên miền
- Hỗ trợ 24/7
- Bảo hánh vĩnh viễn
- Chức năngđặ吴清涛
哥伊·提奥·尤克ầU
3500.000+VNĐ
网络giớ我认为ệ南卡罗来纳州ản phẩM
- Thiết kế web theo Youêu cầu
- Miễn phí1主机+tên miền
- Hỗ trợ 24/7
- Bảo hánh vĩnh viễn
- Khong hỗ trợ đặ吴清涛
Đăng ký
戈伊金多恩
4.200.000+VNĐ
网站bán háng。
.page-section {
display: block;
position: relative;
overflow: hidden;
}
#pricing-table-section .pricing-table {
border: none;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
padding: 32px 21px;
border-radius: 8px;
background: #f5f5f5;
table-layout: fixed;
width: 100%
}