请求jQuery或CSS中的帮助。

请求jQuery或CSS中的帮助。,css,jquery-ui,Css,Jquery Ui,当我删除元素时,背景色、字体颜色和边框将丢失。 如何保持这些属性的完整性?以下是JSFIDLE中的项目: 谢谢 CSS选择器特定于原点,但不特定于放置点。将#dropTargetframe.droptrue添加到选择器中,以提供: #routinefilter .droptrue, #dropTargetframe .droptrue { background: lightgray; color: navy; margin:10px; padding:5px;

当我删除元素时,背景色、字体颜色和边框将丢失。 如何保持这些属性的完整性?以下是JSFIDLE中的项目:


谢谢

CSS选择器特定于原点,但不特定于放置点。将
#dropTargetframe.droptrue
添加到选择器中,以提供:

#routinefilter .droptrue,
#dropTargetframe .droptrue {
    background: lightgray;
    color: navy;
    margin:10px;
    padding:5px;
    border:2px solid #666;
}

或者,您可以简单地从选择器中删除祖先
id
,以简单地给出:

.droptrue {
    background: lightgray;
    color: navy;
    margin:10px;
    padding:5px;
    border:2px solid #666;
}

.

您的CSS选择器特定于原点,但不特定于放置点。将
#dropTargetframe.droptrue
添加到选择器中,以提供:

#routinefilter .droptrue,
#dropTargetframe .droptrue {
    background: lightgray;
    color: navy;
    margin:10px;
    padding:5px;
    border:2px solid #666;
}

或者,您可以简单地从选择器中删除祖先
id
,以简单地给出:

.droptrue {
    background: lightgray;
    color: navy;
    margin:10px;
    padding:5px;
    border:2px solid #666;
}

.

只需要对CSS做一点小小的更改。我已从此规则中删除了#routinefilter,因此它适用于所有
.droptrue
元素,无论它们的父元素是什么:

.droptrue{
    background: lightgray;
    color: navy;
    margin:10px;
    padding:5px;
    border:2px solid #666;
}

以下是。

只需要对CSS做一点小改动。我已从此规则中删除了#routinefilter,因此它适用于所有
.droptrue
元素,无论它们的父元素是什么:

.droptrue{
    background: lightgray;
    color: navy;
    margin:10px;
    padding:5px;
    border:2px solid #666;
}
以下是您的CSS规则:

#routinefilter .droptrue{
当元素位于容器中时,仅适用于类为droptrue的元素
routinefilter
。一旦您将它们放入框中,它们就不再位于
routinefilter
内,并且该规则不适用。尝试将其更改为:

.droptrue{
您的CSS规则:

#routinefilter .droptrue{
当元素位于容器中时,仅适用于类为droptrue的元素
routinefilter
。一旦您将它们放入框中,它们就不再位于
routinefilter
内,并且该规则不适用。尝试将其更改为:

.droptrue{

这应该能奏效

#routinefilter .droptrue, #dropTargetframe .droptrue{
    background: lightgray;
    color: navy;
    margin:10px;
    padding:5px;
    border:2px solid #666;
}
.droptrue元素在框内也将保持相同的css样式

编辑:
如果希望这些框在任何位置都使用此样式,也可以将其更改为仅
.droptrue

这应该可以做到

#routinefilter .droptrue, #dropTargetframe .droptrue{
    background: lightgray;
    color: navy;
    margin:10px;
    padding:5px;
    border:2px solid #666;
}
.droptrue元素在框内也将保持相同的css样式

编辑: 如果您希望这些框在任何位置都使用此样式,也可以将其更改为仅
.droptrue

更改

    #routinefilter .droptrue
进入

编辑:哎呀,太晚了:)

改变

    #routinefilter .droptrue
进入

编辑:哎呀,太晚了:)

添加到CSS

.droptrue
{
    font: 16px serif 
    background: none repeat scroll 0 0 lightgray;
    border: 2px solid #666666;
    color: navy;
    margin: 10px;
    padding: 5px;
}
添加到CSS

.droptrue
{
    font: 16px serif 
    background: none repeat scroll 0 0 lightgray;
    border: 2px solid #666666;
    color: navy;
    margin: 10px;
    padding: 5px;
}