如何忽略父框中的CSS样式？
[英]How to ignore the CSS style from the parent box?
问题描述
我正在尝试将一些完整的Html页面的代码放在我在框架内设置的位置。 我觉得有必要将所有这些内容放在一个盒子里，因为innet文本有自己的页面和自己的样式。
我正在寻找不从LayoutPage继承样式的方法。 我无法引用该页面，因为我需要使用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;}
4 个解决方案
解决方案1
2 2013-12-18 10:54:52
为同一css属性的子元素指定不同的样式。 喜欢
.parent {
background-color: green;}
.parent .child {
background-color: red;}
解决方案2
0
你可以使用!important; keyword.for示例：
text-decoration:none!important;
解决方案3
0 2013-07-03 06:59:09
如果您使用类来为该特定标记提供css，那么您可以简单地将类名设置为空或其他任何您想要使用的类：
document.getElementById("tagid").className = "";
要么
document.getElementById("tagid").className = "class2";
如果你能够使用JQuery那么删除这样的父类非常简单：
<script>$("tagid").removeClass("oldclass");</script>
有关JQuery的更多详细信息， 请单击此处 。
解决方案4
0 2014-09-26 23:57:10
对我来说，我无法获得类.userLink被识别。 然后我意识到它是在ID =＃nav3的DIV下，它在CSS中已经为＃div3 a定义了一个样式。 从Jazmin上面的回答中，我尝试了这个，让它再次上课。
#nav3 .userLink
{
font-size: 0.8em;
color: blue;
}
如何设置元素样式以忽略其父元素的填充？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.