控件样式问题

来自stackOverFlow

http://stackoverflow.com/questions/4720909/mvc-and-editorfor-width

查看生成的 html 页面，发现editorFor生成的 textBox ,都有class="text-box single-line"这一属性，可以修改css文件，添加“.single-line”，可以修改editorFor的样式。

修改menu控件样式的时候发现，menustyle控制menu ul元素的样式，menuItemStyle控制menu a元素的样式。

LevelSubMenuStyles控制menu ul样式，<LevelMenuItemStyles>控制menu  a样式,然后发现因为无法对不同Level的 li 应用不同的样式导致样式无法做到随心所欲。

当应用一个CSS的时候，样式添加在HTML class中，例如class="level1 static" 应用样式后变为class="level1 *** static"，中间***表示应用的外部样式。

当给level 应用两个样式时，像下面这样

<LevelSubMenuStyles>
                 <asp:SubMenuStyle CssClass="accountInfo" />
                 <asp:SubMenuStyle CssClass="bold" />
</LevelSubMenuStyles>

发现只有第一个CSS起作用，例子中是accountInfo

 

id 选择器以 "#" 来定义

#red {color:red;}

<p id="red">这个段落是红色。</p>

在 CSS 中，类选择器以一个点号显示：

.center {text-align: center}

<h1 class="center">

a:link {color: #FF0000}     /* 未访问的链接 */
a:visited {color: #00FF00}  /* 已访问的链接 */
a:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF}   /* 被选择的链接 */