1

以下を簡単にする方法はありますか？もしそうなら、どうすればできますか？

.ui-layout-north {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0px;
}
.ui-layout-west {
    border-top: none;
    border-left: none;
    border-bottom: none;
    padding: 0px;
}
#inner {
    border-top: none;
    border-right: none;
    border-bottom: none;
    padding: 0px;
}
#inner-center {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0px;
}
#inner-south {
    border-right: none;
    border-left: none;
    border-bottom: none;
    padding: 0px;
}

ここで実際の動作を確認できます: http://jsfiddle.net/xUvJk/2/

4

4 に答える 4

2

各識別子をコンマで区切って、同じスタイルを複数の要素に適用できます。

#inner, #inner-center, #inner-south ... {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0px;
}

そして、異なるスタイルを持つ各要素を指定するだけです:

#inner { 
    border-left : inherit;
}
于 2013-07-28T17:56:59.277 に答える
2

因数分解して指定します。クラスのみを使用：

.ui-layout-center, .ui-layout-south, .ui-layout-north, .ui-layout-west {
    border-style: none;
    padding: 0px;
}

.ui-layout-north {
    border-bottom-style:solid;
}

.ui-layout-west {
    border-right-style: solid;
}

.ui-layout-center {
    border-bottom-style: solid;
}

.ui-layout-south {
    border-top-style: solid;
}

http://jsfiddle.net/hQ5mY/1/

于 2013-07-28T18:14:25.953 に答える
1 
.ui-layout-north,
.ui-layout-west,
#inner,
#inner-center,
#inner-south {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0px;    
}

.ui-layout-north {
    /* specify unique styles */
}

.ui-layout-west {
    /* specify unique styles */
}

#inner {
    /* specify unique styles */
}

#inner-center {
    /* specify unique styles */
}

#inner-south {
    /* specify unique styles */
}
于 2013-07-28T17:58:15.173 に答える
0 
.ui-layout-north, .ui-layout-west, #inner, #inner-center {
    border-top: none;
    padding: 0px;
}

.ui-layout-north, .ui-layout-west , #inner-center, #inner-south{
   border-left: none;
   padding: 0px;
}

.ui-layout-west, #inner, #inner-south {
    border-bottom: none;
}

.ui-layout-north, #inner, #inner-south {
  border-right: none;
}
于 2013-07-28T17:57:36.513 に答える