Question

不会发生变化的元素在此页面中http://www.animefansftw.org/community/threads/fate-kaleid-liner-prisma%E2%98%86illya-3rei.641/add-reply）似乎没有生效的代码是

 body[style="overflow-y: hidden; min-height: 259px; background: black none repeat scroll 0% 0%;"]
 {
   background: blue !important;

 }

我真正的任务是为什么它没有工作＆amp;如何使它工作

我的风格（FF v47.0.1） @namespace url（http://www.w3.org/1999/xhtml）;

@-moz-document domain("animefansftw.org")
{
  a:link{color: #b7e2fb !important;}
  a:visited{color: #1eadff !important;}
  a:hover{color: green !important;}
  a:active{color: red !important;}


 *, body, #content-wrapper, #footer-widgets,
 single-post,.discussionList .discussionListItem.sticky .posterAvatar,
 .discussionList .discussionListItem.sticky .stats,
 .discussionList.discussionListItem.moderated .listBlock,
 .discussionListItem.InlineModChecked .posterAvatar,
 .discussionListItem.InlineModChecked .main,
 .discussionListItem.InlineModChecked .stats,
 .discussionListItem.InlineModChecked .lastPost,
 .discussionListItem.moderated.InlineModChecked,
 .discussionListItem.deleted .posterAvatar
 {
   background: black;
   color: white !important;
 }

 .footer-widgets-border-left, #DiscussionListOptionsHandle a
 {
   background: #00004d;
 }

 .footer-widgets-border-right
 {
   background: #000080;
 }

 img[alt="default"]
 {
   -webkit-filter: invert(100%);
   filter: invert(100%);
 }

 .cat-list li.ep-title:hover
 {
   background: gray !important;
   border-left: 5px solid #f5f211;
   border-right: 5px solid #1143f2;
 }

 li.ep-title
 {
   margin: 0 !important;
   background: black !important;
   border-bottom: 3px solid #00004d;
   border-left: 0px solid transparent !important;
   border-right: 0px solid transparent !important;
 }

 .dl-box
 {
   background: black;
   border: 1px solid black;
   box-shadow: -10px -10px 5px 0px #00004d;
 }

 .dl-title
 {
   background: -moz-linear-gradient(45deg, #00004d, blue, blue, #00004d);
 }

 .post-date .date, #social-wrapper, #nav, h3.newanimetitle,
 #footer-bottom, .hasFlexbox .nodeList .categoryStrip,
 .hasFlexbox .sidebar .visitorPanel .secondaryContent,
 .sidebar .section .secondaryContent,
 .threadListSeparator,.discussionList .sectionFooter
 {
   background: -moz-linear-gradient(top, #00004d, #000080, #000080, #00004d) no-repeat !important;
 }

 .dl-item
 {
   background: #1a1a1a;
 }

 #header-bottom
 {
   float: left;
   background: url("http://puu.sh/2b5au.jpeg") #000000 !important;
   width: 980px;
   height: 165px;
 }

 #respond textarea
 {
   font-family: "Times New Roman", Times, serif;
   font-size: large !important;
   background: #00001a !important;
   border: 1px solid #00004d !important;
 }

 .nodeList .node.level_1
 {
   background: #00001a !important;
   box-shadow: 1px 2px 3px #00001a;
 }

 .nodeList .categoryStrip
 {
   border-top: 2px solid blue;
 }

 .hasFlexbox .node.level_2 .nodeInfo, .visitorPanel .stats dl,
 .blendedEditor .redactor_box .redactor_toolbar
 {
   background: 0;
 }

 .hasFlexbox .message .messageUserInfo
 {
   background: #00001a !important;
 }

 div[style="background: #eeeeee; width: 620px; margin: 0 auto; padding:15px; font: 10pt italic; border: 1px solid #333333;"],
 .message .dark_postrating.likesSummary, .dark_postrating
 {
   background: rgb(0, 0, 26) none repeat scroll 0% 0% !important;
 }

 .quickReply,.mainContainer .mainContent, .mainContainer_noSidebar
 {
   background: #00001a;
   border-top: 2px solid #000080;
 }

 .blendedEditor .redactor_box .redactor_toolbar, .messageList .message
 {
   border-top: 2px solid #000080;
 }

 body[style="overflow-y: hidden; min-height: 99px;"],
 .submitUnit .button, .redactor_toolbar
 {
   background: rgb(0, 0, 26) none repeat scroll 0% 0% !important;
 }

 element, body[style="overflow-y: hidden; min-height: 259px; background: black none repeat scroll 0% 0%;"]
 {
   background: blue !important;

 }

}

Answer 1

记住css层次结构的基本规则，用于暗示和重要性：

内联 - 最高重要性
内部
外部

根据我对css的理解，无论我能从代码中获得什么，你首先暗示一个css属性为！对父元素很重要，然后可能在子元素上使用了一些东西。

虽然记住它甚至不会显示它的影响！重要的是，因为它属于那个父母财产。所以，你需要为它编写内联css，尽管不推荐。

例如：如果font-size设置为15px！对于父本身很重要，那么内联css用于更改子项的字体大小。

我遵循的最佳规则绝不是重要的财产，直到它是最后一个可能的解决方案。您可以为类和ID使用更好和唯一的名称，如果您担心它会受到其他代码段的干扰。

尝试用时尚改变网站颜色但有些元素拒绝改变

1 个答案: