jsp關閉樣式,jsp設置樣式

本文目錄一覽：

• 1、jsp里的樣式問題
• 2、jsp頁面button css問題
• 3、jsp界面怎麼忽略掉一個引入的樣式

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 選擇器擁有更高的優先順序。所以第一條樣式聲明生效。