Html 如何省略样式表以将样式应用于其他网页

我正在制作一个类似于新消息通知对话框的消息转发器http://codepen.io/petebot/full/CpKzI在这里，我刚刚发现了一个新的样式表，它为消息对话提供了很好的外观。但没有什么限制，我只想使用此样式表名称创建此控件样式：

<link id="Link2" href="../css/foundation.min.css" rel="stylesheet" type="text/css" target="_self"/>

所以。我使用web用户控件制作此用户控件，如下所示：

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="notification.ascx.cs" Inherits="Staff_notification" %>
<link id="Link1" href="../css/notification.css" rel="stylesheet" type="text/css"/>
<link id="Link2" href="../css/foundation.min.css" rel="stylesheet" type="text/css" target="_self"/>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<div class="contain"><a href="#" class="notificationicon on" style="position:relative;text-decoration:none;">Messages&nbsp;<span class="noti_bubble1" runat="server" id="message_alert"><asp:Label ID="lbl_count_messages" runat="server"></asp:Label></span></a>
    <ul id="notificationMenu" class="notifications">
      <li class="titlebar">
        <span class="title">Messages</span>
        <span class="settings"><i class="icon-cog"></i>
        </span>
      </li>
      <div class="notifbox">
      <ul>
       <asp:Repeater ID="Repeater_Messages" runat="server">
       <ItemTemplate>
        <li class=" notif">
          <a href="Ticket.aspx?ticketid='<%#Eval("Ref_no")%>'&flag=0">
            <div class="imageblock">
             <asp:Image ID="userphoto" runat="server" CssClass="notifimage" ImageUrl = "../DisplayImage.ashx?userId='<%#Eval('UserId')%>"/>
            </div> 
            <div class="messageblock">
              <div class="message"><strong><%#Eval("Name")%></strong>:<br/><%#Eval("Message")%></div>
              <div class="messageinfo">
                <i class="icon-comment"></i><%# DataBinder.Eval(Container.DataItem,"CreatedDate","{0:ddd, dd MMMM yyyy}")%>&nbsp;at&nbsp;<%# DataBinder.Eval(Container.DataItem,"CreatedDate","{0:hh:mm tt}")%></div>
            </div>
          </a>
        </li>
       </ItemTemplate>
        </asp:Repeater>
        </ul>
      </div>
      <li class="seeall">
        <a href="javascript:void(0);" id="hpl_close">Close</a>
      </li>
    </ul>
  </div>

信息

此样式表如何影响所有母版页。因此，希望将此样式表省略到其他页面。只有此用户控件具有此属性。为此，我创建了web用户控件。但它仍然会影响所有网页

这里我包括一个屏幕截图：

---

请帮帮我…

我真的很难理解您想要什么，但听起来好像您试图让样式表只针对DOM中的一个元素，而不是样式表的工作方式。因此，您可以选择为该DOM元素提供一个ID，然后将样式表的所有规则专门针对该ID，如下所示：

<div id="thisBox" class="notifbox">

#thisBox { styles go here }

#此框{样式转到此处}

---

但是，在这个特殊的情况下，看起来你试图用基础框架来设计一个设计。基金会是一个完整的框架，它是用来建立网站的，我认为你最好自己滚动自己的风格。<建议在基础样式表中创建一个ID类，整个样式类只包含一个ID类声明。不，我建议不要使用基础。您需要创建自己的自定义样式。基金会并不意味着你试图使用它，它需要更多的工作来定制它，而不是制作自己的样式。通过研究我所包含的参考资料，你能给我做一个样式表吗。你为什么不把

包含在其他页面中呢？我有一个更大的问题。为了更好的外观和感觉，我必须包括这个样式表，但当它呈现时，我的整个网页都会使用这个样式。这个样式表太复杂了，我无法根据需要修改它。好的，你从哪里得到的样式表？据我所知，你不是自己写CSS的。你从哪里得到CSS文件的？在教程网站上？以下是