CSS 覆盖问题。只有字体相关的行有效答案

【问题标题】：CSS overriding issue. Only font related lines are workingCSS 覆盖问题。只有字体相关的行有效
【发布时间】：2015-04-02 10:15:14
【问题描述】：

我正在使用 Telerik:RadImageAndTextTile 创建一个菜单。我按照here! 的说明应用了自定义皮肤。下面是css代码。

.RadTile_MyCustomSkin {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
  background-color: #eeeeee;
  /* Loading image */ }
  .RadTile_MyCustomSkin.rtileSelected {
    border-color: #666; }
  .RadTile_MyCustomSkin.rtileHovered {
    border-color: #9f9f9f; }
  .RadTile_MyCustomSkin.rtileSelected.rtileHovered {
    border-color: rgba(102, 102, 102, 0.7); }
  .RadTile_MyCustomSkin.rtileSelected .rtileSelectedIcon {
    background-image: url('Tile/rtileSprite.png');
    _background-image: url('Tile/rtileSpriteIE6.png'); }
  html .RadTile_MyCustomSkin.RadTile h6.rtileTitle {
    color: #333333; }
  .RadTile_MyCustomSkin .rtilePeekContent {
    background-color: #eeeeee; }
  .RadTile_MyCustomSkin.rtileLoading,
  .RadTile_MyCustomSkin .rtileLoading {
    background-image: url('Common/loading_small.gif'); }

当我更改字体大小和颜色时，它可以完美运行并更改磁贴中的文本格式。但其余的属性，如

.RadTile_MyCustomSkin.rtileHovered { 边框颜色：#666； }

虽然我改变了它们，但它们对瓷砖皮肤没有影响。关于是什么导致这个问题的任何想法？提前致谢

这是网页代码

<telerik:RadImageAndTextTile EnableEmbeddedSkins="false" Skin="MyCustomSkin"  ID="tlTrow_truck" runat="server" Shape="Square" BackColor="#f70000" ImageUrl="~/tiles/towtruck.png"
                Text="Tow Truck & Garage Services">                
 </telerik:RadImageAndTextTile>

【问题讨论】：

标签： css asp.net telerik hover

【解决方案1】：

使您的选择器更重，很可能会覆盖它们（例如，内置规则）。您可以为每个规则添加一个 div：

        div.RadTile_MyCustomSkin.rtileHovered
        {
            border-color: blue;
        }

        div.RadTile_MyCustomSkin.rtileSelected.rtileHovered
        {
            border-color: rgba(102, 102, 102, 0.7);
        }

【讨论】：

我试试看。谢谢你