标签: stylesheet

这很奇怪,我以前从未见过这个,也许我的计算机需要重新启动但是:我在网页上添加的每个链接都在消失.你可以在这里看到一个实例.

这是我的样式表:

/*------- UNIVERSAL -------*/
body
{
    background: #333333;
    color: #222222;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.tleft { text-align: left; }
.tright { text-align: right; }

a
{
    text-decoration: none;
    color: #e6267c;
    font-weight: bold;
}

a :hover{ border-bottom: 1px #e6267c dashed; }

/*------- PAGE PARTS -------*/
#container
{
    position: relative;
    margin: 0 auto;
    width: 760px;
    padding: 0 70px 0 70px;
    background: url(images/background.png);
}

#top { height: 141px; }


/*------- TOP -------*/
#logo
{
    background: url(images/logo.png);
    display: …

我试图找出是否通过ajax包含一段内容,需要它自己调用样式表,还是依赖于加载调用页面的样式表...

目前尚不清楚它是如何设计风格的,这种风格的来源是什么......

我受过良好教育的直觉告诉我它从调用页面获得它的样式,但我希望看到一些可靠的可靠证据.

谢谢

目前我正在尝试使用样式表,我通过if.但它没有做任何事情.

这是我目前的代码.变量$ stylesheet将是可变的,但在测试时我已将其设置为正常

<?php
$stylesheet = 'normal'
if ($stylesheet = 'small')
    {
    $style = './sitestyle/stylesheetsmall.css';
    }

if ($stylesheet = 'big')
    {
    $style = './sitestyle/stylesheetbig.css';
    }
  else
    {
    $style = './sitestyle/stylesheet.css';
    }

echo '<link rel="stylesheet" type="text/css" href="$style">';
?>

谢谢你的回答.

我正在摆脱浏览器兼容性问题.

所以我想出了根据浏览器加载唯一的CSS的想法.

所以说如果用户使用IE,那么只有在加载firefox styleFF等时才加载styleIE.css.

我的问题是它是正确的方法,如果不是应该采取什么谨慎,以避免这种相容性问题.因为当我为IE解决问题时,它会在我的稳定版FF中打开新问题

我对Qt的样式表功能有一些疑问.这真的很棒,但感觉这个功能已经存在太久了,是吗？这是迄今为止设计GUI的最简单方法.

1. 是否可以在样式表中添加颜色褪色？每当鼠标悬停在某个小部件上时,我不希望它突然改变背景颜色,只是在200ms内淡入新颜色或其他东西.有没有一个很好的方法,或者必须按代码完成？

2. 我可以使用2D渐变吗？我现在知道如何使用1D渐变,您可以在一个轴上逐渐改变颜色(通常是水平或垂直).我想在其上添加第二个渐变,例如具有低alpha值.因此,如果您的渐变从绿色(顶部)变为红色(底部),我还希望它从透明(左)到白色(右).

3. Qt有类型(例如QPushButton)和ID(例如#mywidgetname)的CSS选择器,但我没有找到选择或设置类的方法.我有很多QFrame例如,对于某个子集我想添加一个特定的样式.我应该将我的帧命名为相同的ID(相同的ID)吗？听起来不错.但选择他们的类型(QFrame)也不对......

谢谢!

我有一个div,它联合CSS类如下:

    <div id="tp" class="ui-hidden-on-load ui-tablepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible">
        ...
    </div>

如何创建一个CSS样式,我可以将所有这些类组合成一个具有谨慎名称的单个类？

例:

<div class="myCustomClass">
...
<div>

我的自定义类是所有组合类的交集？我似乎无法找到一个例子或如何做到这一点的良好解释.

提前感谢您阅读我的问题!

我正在寻找一种在Django中组织样式表和脚本的简单方法.我对python的框架和语言比较陌生.我来自PHP背景.

在PHP/Zend的世界中,有一些用view/layout对象实现的函数.通过在head标签中为脚本和样式表添加一行,您可以在视图 - >方法级别轻松添加样式表/脚本.我已阅读Django表单媒体文档,但这仅适用于需要特定样式和脚本的表单.

任何方向？

我记得一些非常罕见的例子,看到主要网站(亚马逊,Facebook等)要么没有下载CSS文件,要么没有应用规则,导致页面看起来像这样:

我们的任务是在收到投诉电子邮件后提供内部解释,其中包含我们其中一个网站的用户显示相同效果的屏幕截图.屏幕截图包含敏感的用户信息,因此我无法发布.但它显示正在应用内联样式,但未应用从外部CSS文件引用的任何样式.

不幸的是,我无法重现这个问题,除了说"风格没有被应用"之外,我会详细解释,我很想了解它.

我将不胜感激为什么会发生这种情况或参考任何文章.即使有人知道这个事件被称为什么,我也很乐意去研究它,但是到目前为止我还是空白了.

在我的Web应用程序中,我想在登录或退出后向用户显示一条消息,几秒钟后就会消失.我想用CSS完成这个动画.

这是我的样式表:

@keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.flash-message {
    animation: fadeout 1s 3s;
}

这几乎可以工作:在延迟三秒后,它开始消失,然后需要一秒钟才能完成动画.问题是在动画完成后再次出现消息.

这是我必须要做的就是让消息保持隐藏状态:

@keyframes fadeout {
    0% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.flash-message {
    animation: fadeout 4s;
    opacity: 0;
}

似乎应该有一种更简单的方法来使第一个版本工作.我是否遗漏了某些东西,或者我必须opacity: 0像第二个版本一样上课？

所以,我正在尝试创建循环通过某些颜色的块.每种颜色都由一个类定义,我删除某个类颜色,然后在单击一个块时添加另一个类颜色.每段代码如下所示:

//Function 1
$('.blue').click(function(){
    console.log("Blue has been clicked");
    $(this).addClass('green');
    $(this).removeClass('blue');
}); 

//Function 2
$('.green').click(function(){
    console.log("Green has been clicked");
    $(this).addClass('yellow');
    $(this).removeClass('green');
}); 

第一次单击某个块时,颜色会发生变化.但是当我再次点击它时,颜色不会改变.

我添加了一些console.log语句来监视Console中发生了什么.例如,当我单击一个包含blue该类的框时,它会添加green该类,并blue删除该类.但是当我点击相同的框(现在是绿色)时,我希望第二个功能运行,并且框变为黄色.但是,我通过控制台可以看到第一个功能是尝试再次运行.

我检查了HTML,并且类确实发生了变化.

我的问题是,当第一个框不再是blue该类的成员时,为什么触发函数1 ？它不应该调用函数2,因为它现在是green类的成员吗？

CodePen就在这里,我正积极致力于此.CodePen工作时我会在这里提到.

**CodePen现在可以使用了,我使用的是$(document).on('click', '.green')代替$('.green).click()**

谢谢!