如何忽略父框中的CSS樣式？

我試圖把一些完整的HTML頁面的代碼放在框架裏面。我覺得有義務將所有這些內容放在一個框中，因爲innet文本有自己的頁面和自己的風格。如何忽略父框中的CSS樣式？

我正在尋找不從佈局頁面繼承樣式的方法。我無法引用頁面，因爲我需要使用Razor通過模型設置一些值。

我可以做什麼來覆蓋框架內的所有樣式？

@model Contoso.Core.Exercises.TimesTables.Exercise1 

<frame> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<!-- Generated by WebWorksheet version 3.5.1 on 31/05/2013 www.webworksheet.com --> 
<html><head><meta http-equiv="Content-type" content="text/html;charset=UTF-8"> 
<title>Times Tables</title> 
<script type='text/javascript'> 
    var wwsRelease = 'http://webworksheet.com/release/030501'; 
    var iterations = 3; 
    var imageFolder = 'wwsImages'; 
    var displayZeroes = true; 
    var dbConnection = ''; 
    var dbQueryScript = ''; 
    var firstInput = 'iB54'; 
    var datePickerAuto = ''; 
    var datePickerImg = ''; 
    var activeBorder = '2px solid black'; 
    var activeBackground = 'transparent'; 
    var lastBtnClick = ''; 
    var protectPage = false; 
    var webQueries = new Array(); 
</script> 
<script type='text/javascript' src='http://webworksheet.com/release/030501/webworksheet.js'></script> 

<style type='text/css'> 
@@media all { 
Body {overflow:auto;} 
A {text-decoration:none; cursor:pointer; color:inherit;}

來源

2013-07-03 Darf Zon

http://stackoverflow.com/questions/946645/how-to-ignore-parent-css-style –

但我在父超級大CSS樣式..我應該要重寫許多屬性：/ –

它可能是我，但：''？！你確定嗎？ –

您可以使用!important; keyword.for例如：

text-decoration:none!important;

來源

2013-07-03 03:59:11

但我在談論幾個CSS和許多屬性。有沒有辦法忽略父母的所有風格？ –

http://stackoverflow.com/questions/8002997/override-css-style-of-parent-element-without-affecting-other-elements –

如果使用類給CSS到特定的標籤，那麼你可以簡單地設置類名稱爲空白或任何你想要的其他類使用方法：

document.getElementById("tagid").className = "";

document.getElementById("tagid").className = "class2";

，如果你能夠使用JQuery那麼它是非常簡單的去除這樣的父類：

<script>$("tagid").removeClass("oldclass");</script>

爲jQuery的click here更多細節。

來源

2013-07-03 06:59:09

爲相同css屬性的子元素提供不同的樣式。像

.parent {

 background-color: green;

}

.parent .child {

 background-color: red;

}

來源

2013-12-18 10:54:52 Jazmin

對於我來說，我不能讓類.userLink被識別。然後我意識到它是在id =＃nav3的DIV下面的，在CSS中已經有了一個定義爲＃div3 a的樣式。從Jazmin上面的回答中，我嘗試了這個，並讓班級再次工作。

#nav3 .userLink 
{ 
    font-size: 0.8em; 
    color: blue; 
}

來源

2014-09-26 23:57:10 gnB

如何忽略父框中的CSS樣式？

回答

相關問題