Css选择器

选择器参考:

http://www.ruanyifeng.com/blog/2009/03/css_selectors.html

http://www.w3school.com.cn/cssref/css_selectors.asp

https://code.tutsplus.com/zh-hans/tutorials/the-30-css-selectors-you-must-memorize–net-16048

scss sass参考:

http://www.w3cplus.com/sassguide/

wiki上面的选择器示例

我在wiki上面写的代码就够复杂了.

/* 放置于这里的CSS将应用于所有皮肤 */

*, pre, pre.mw-code, pre.mw-css{

 font-family: "Helvetica Neue", "Heiti SC", 'San Francisco Display', "Myriad Set Pro", Helvetica, 'Lucida Grande', 'noto sans', Droidsansfallback, "Droid Sans", Dengxian, Segoe, Arial, sans-serif;
 font-weight: 100;  }  html,  body,  table {    font-size: 100%;  } h1{ font-size: 1rem; } h2{ font-size: 1.4rem; } h3{ font-size: 1.4rem; } h4{ font-size: 1.4rem; } h5{ font-size: 1.3rem; } h6{ font-size: 1.3rem; } textarea, pre,  pre.mw-code, pre.mw-css,ul li, ol li,p, div.vectorTabs li { font-size: 1.2rem; } pre{   overflow-x: scroll; } div#editpage-copywarn{ display:none; } a, a span, li.toclevel-2, li.tocsection-2,li.toclevel-1, li.tocsection-1,li.toclevel-3, li.tocsection-3, { font-size: small; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;

}
div.editOptions{
padding: 0 1em 0 1em;
margin: 0;
font-size: 0.8rem;
}

div.editOptions *, div.editOptions input#wpSummary{
padding: 0 ;
margin: 0;
float: left;
}
div.editOptions .editButtons{
clear: both;
}
span.mw-newpages-time, span.mw-newpages-history, span.mw-newpages-length, span.mw-usertoollinks, span.mw-usertoollinks + span.comment, div.mw-changeslist, div#mp-right, table.mw-changeslist-line-watched .mw-enhanced-rc, table.mw-changeslist-line-watched p,
table.mw-changeslist-line-watched span.mw-changeslist-separator , table.mw-changeslist-line-watched span.mw-plusminus-pos , table.mw-changeslist-line-watched span.mw-changeslist-separator , table.mw-changeslist-line-watched span.changedby, table.mw-changeslist-line-watched td > span,
table.mw-changeslist-line-watched + h4,
td.MainPageBG div + h4,
table.mw-changeslist-line-not-watched td.mw-enhanced-rc ,
td.MainPageBG div.mw-changeslist,
td.MainPageBG table#mp-right,
div.mw-changeslist h4
{
font-size: 0px;
}
table.mw-changeslist-line-watched p span a,
table.mw-changeslist-line-not-watched td span,
table.mw-changeslist-line-watched p span,
table.mw-changeslist-line-not-watched a.mw-userlink,
table.mw-changeslist-line-watched tr td p span.mw-title a.mw-changeslist-title,
table.mw-changeslist-line-not-watched tr td p span.mw-title a.mw-changeslist-title,
table.mw-changeslist-line-watched p span.mw-title
{
overflow: hidden;
}
table.mw-changeslist-line-watched p span a,
table.mw-changeslist-line-watched tr td p span.mw-title a.mw-changeslist-title,
table.mw-changeslist-line-watched td > span.mw-title,
table.mw-changeslist-line-watched td > a.mw-userlink{
display: inline;
font-size: 1rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}

table.mw-changeslist-line-watched + h4,
div.mw-changeslist > h4,
table#mp-right{
display: none;
}

table.mw-changeslist-line-watched,

table.mw-changeslist-line-not-watched,
table.mw-changeslist-line-watched *,
table.mw-changeslist-line-not-watched *,
div#contentSub{
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
table.mw-changeslist-line-not-watched td,
table.mw-changeslist-line-not-watched .mw-usertoollinks,
table.mw-changeslist-line-watched p,
table.mw-changeslist-line-watched td,
table.mw-changeslist-line-watched .mw-plusminus-null,
table.mw-changeslist-line-watched span.mw-plusminus-neg{
font-size: 0px;
}