html、PHP网页设计，表格本来设置好了，添加bootstrap.css，表格严重变形，怎么使他不受css影响？
能用$function把表格包起来不受影响吗？还是有更好的办法！表格代码：body{text-align:left;font-family:'trebuchetMS','...
能用$function把表格包起来不受影响吗？还是有更好的办法！表格代码：
body {
text-align:left;
font-family: 'trebuchet MS', 'Lucida sans', Arial;
font-size: 14px;
color: #444;
}
table {
*border-collapse: collapse; /* IE7 and lower */
width: 200px;
border-spacing: 0;
margin-top:40px;
margin-left:80px;
}
.bordered {
border: solid #ccc 1px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
}
.......
</style>中间一些代码略 展开
body {
text-align:left;
font-family: 'trebuchet MS', 'Lucida sans', Arial;
font-size: 14px;
color: #444;
}
table {
*border-collapse: collapse; /* IE7 and lower */
width: 200px;
border-spacing: 0;
margin-top:40px;
margin-left:80px;
}
.bordered {
border: solid #ccc 1px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
}
.......
</style>中间一些代码略 展开
展开全部
两个办法：
1是先加载bootstrap.css 然后再加载你自己的css，这样，当table的样式跟bootstrap发生冲突的时候，你的自己的css就会有优先权。
例如
<head>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<link rel="stylesheet" type="text/css" href="your.css">
</head>
2，另一种方法就是给你的table元素的样式加上!important标记，让你自己的样式有优先权，例如：
table {
*border-collapse: collapse; /* IE7 and lower */
width: 200px !important;
border-spacing: 0 !important;
margin-top:40px !important;
margin-left:80px !important;
}
以上两种方法都可以，但是要注意的是，表格变形还可能是因为有些值你没考虑到，没有写在你的css中，例如padding，display之类的，这些也会影响到表格的外观。建议你最好看看bootstrap.css里面所有的table相关的声明，然后再采取相关的修改
1是先加载bootstrap.css 然后再加载你自己的css，这样，当table的样式跟bootstrap发生冲突的时候，你的自己的css就会有优先权。
例如
<head>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<link rel="stylesheet" type="text/css" href="your.css">
</head>
2，另一种方法就是给你的table元素的样式加上!important标记，让你自己的样式有优先权，例如：
table {
*border-collapse: collapse; /* IE7 and lower */
width: 200px !important;
border-spacing: 0 !important;
margin-top:40px !important;
margin-left:80px !important;
}
以上两种方法都可以，但是要注意的是，表格变形还可能是因为有些值你没考虑到，没有写在你的css中，例如padding，display之类的，这些也会影响到表格的外观。建议你最好看看bootstrap.css里面所有的table相关的声明，然后再采取相关的修改
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
