本文目录一览：
jsp里的样式问题
style
table{border-collapse:collapse; font-size:14px;}
table td,th{ border:1px solid #98bf10;border-collapse:collapse; padding:5px 8px;}
table td{ text-align:center; padding:3px;}
table th{background-color:#A7C942;color:#FFF;font-size:15px;}
table .alt{ background-color:#EAF2D3;}
/style
table
tr
th序号/th
th单位名称/th
th未遂事件/th
th企业级事故/th
th总部级事故/th
th合计/th
th百分比/th
/tr
tr
td1/td
td郑州石油分公司/td
td269/td
td0/td
td0/td
td269/td
td23.91%/td
/tr
tr class=”alt”
td2/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
/tr
tr
td3/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
/tr
tr class=”alt”
td4/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
/tr
/table
所谓隔行换色，通用做法是奇数行和偶数行使用不同的class
jsp页面button css问题
jsp页面中button的样式是通过css样式控制的，把css引入jsp的方法如下：
link rel=”stylesheet” type=”text/css” href=”/server/oa/public/css/style.css”jsp页面的引用，html是直接写在页面的
type=”button” class=”m_input_2em bule” 改成type=”button” class=”m_input_2em”会有效果，加上bule就不行了。
这是因为如果有空格的话.m_input_2em .blue它表示的是父样式（不管几级父节点，只要它外面包含有m_input_2em样式）为m_input_2em的名为blue的class样式，就是说这个class名为blue，它应用的范围是父类标签含有m_input_2em。
jsp界面怎么忽略掉一个引入的样式
jsp界面要忽略掉一个引入的样式需要采用先加载后覆盖的机制。
1、在全局的CSS文件中写一些!important的样式来覆盖掉那些直接写在元素上的行内样式。将其应用到更高优先级的选择器（在原有基础上添加额外的标签、类或 ID 选择器）上；或是保持选择器一样，但添加的位置需要在原有声明的后面（优先级相同的情况下，后边定义的会覆盖前边定义的）。
更高优先级的例子：
table td {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}
2、建议用id去关联css：
优先级是基于选择器的形式进行计算的。在下面的例子中，尽管选择器*[id=”foo”] 选择了一个ID，但是它还是作为一个属性选择器来计算自身的优先级。
* #foo {
color: green;
}
*[id=”foo”] {
color: purple;
}
虽然匹配了相同的元素，但是 ID 选择器拥有更高的优先级。所以第一条样式声明生效。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/283494.html
微信扫一扫 
支付宝扫一扫 