小编Jam*_*lly的帖子

内联CSS代码未被读取

谢谢大家!谢谢.如前所述问题是我有CSS代码的地方.我最初没有点/句子前缀ul和li,这是一个绝望的最后一刻.:-)我确实阅读了W3S,StackO/f,HTMLDog,Tizag以及所有其他优秀网站b4提问.但你现在和我在一起了.

另一个问题.我应该打开一个新问题吗?这个问题涉及原始代码块.

我的线条颜色没有变化.但如果我对每条线进行编码,颜色会发生变化.我想知道如何更改li CSS块中的颜色.

<!DOCTYPE html>
<HTML>



 <HEAD>
    <TITLE>Why I love learning HTML - Part 2</TITLE>
    </HEAD>

    Colors
    <BR>
    My favorite colors are:
    <BR>
    <UL>
    <LI><FONT SIZE=2 COLOR="red" >Navy</FONT>
    <LI><FONT SIZE=2 COLOR="red" FACE="VERDANA">Olive</FONT>
    <LI><FONT SIZE=2 COLOR="red" >Purple</FONT>
    <LI><FONT SIZE=2 COLOR="red" FACE="VERDANA">Teal</FONT>
    </UL

    </BODY>
    </HTML>
Run Code Online (Sandbox Code Playgroud)

这是我第5周的HTML和CSS课程.当我问一个问题时,堆栈溢出网站总会弹出.所以我加入了,我有一个问题.我的CSS代码显示在我的网页上作为代码.代码的UL和LI部分不读取.ul和.li类.我已经看了很长时间的代码,无法弄清楚是什么问题.谢谢你的帮助

  <head>
    <meta charset="utf-8" />
        <title>Homepage</title>
        <style type="text/css">
        </style>
    </head>



 <body>
      .ul {
    margin:0;
        padding:0;
        color:#ff0000;
   }




 .li {
      display:inline;
      padding:0;
      margin:0;
      color:#000099;
   }
        <!-- Site navigation menu -->
     <ul>
        <li><a href="index.html">Home page</li></a> 
        <li><a href="EdEx.html">Education and …
Run Code Online (Sandbox Code Playgroud)

html css css-selectors

2
推荐指数
1
解决办法
200
查看次数

隐藏未分类的元素,并显示它的兄弟姐妹?

我有一些我无法修改的HTML代码.我不想使用JS/jQuery来做这件事,想用跨浏览器友好的CSS完成它.

HTML看起来像这样:

<ul class="list">
    <li class="item">
        <a href-"#">Item One</a> |
    </li>
     <li class="item">
        <a href-"#">Item Two</a> |
    </li>
    <li class="item">
        <a href-"#">Item Three</a> |
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

那里有那些愚蠢的管道打破了清单.我想隐藏那些,并展示<a>元素.我不只是想使文本颜色与背景相同.我想要相当于display: none;

html css html-lists

2
推荐指数
1
解决办法
62
查看次数

与li:before上的伪元素组合时,文本未显示

我有一个使用的菜单<li>。示例代码如下:

HTML:

<ul>
    <li>Menu 1</li>
    <li>Menu 2</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

CSS:

li{
    width:190px;
    height:40px;
    padding:3px 10px 3px 50px;  
    border-bottom:1px dotted #003366;
    cursor:pointer;
    line-height:40px;
    background-color: #FFFFFF;
    list-style:none;
    font-weight:bold;                       
    position:relative;
}

li:before{
    content:'';
    position:absolute;
    width:195px;
    height:38px;
    left:50px;
    top:3px;
    background-color: #F9F9F9;
    border:1px solid #CFCFCF;
}
Run Code Online (Sandbox Code Playgroud)

当不使用样式时li:before<li>将显示其中的文本(即“菜单1”,“菜单2”),但使用此伪类时,li:before它将消失。

css html5 css3 pseudo-element css-content

2
推荐指数
1
解决办法
1883
查看次数

是否有CSS选择blockquote只有它是div中的第一个元素?

我正在为博客设计一个设计.是否有一个css选择器(或其他方式不涉及用户向blockquote标签添加类或id),这将允许我区分div的最开始发生的blockquote和中间的blockquote一些文本块之后的div?

也就是说,我希望块引用是一篇博客文章的开头,它有一组css样式,并且在博客帖子的主体中出现的块引用具有其他样式参数.

这可能吗?

html css css-selectors

2
推荐指数
1
解决办法
465
查看次数

元素中的"u"属性

由于我不能用有意义的结果搜索这个,我不能确定这不是重复.

但是,我在我的网站上运行JSSOR Slider,并且一些元素具有au属性,例如:

<div  u="slides" style="cursor: move;
position: absolute; left: 0px; top: 0px; width:
1300px; height: 500px; overflow: hidden;">
Run Code Online (Sandbox Code Playgroud)

当我通过W3 Validator运行它时,这个"u = slides"会引发错误,但是当我从元素中删除此属性时,滑块不再起作用.

我想知道这个属性的目的,因为我看到它没有任何标记,并想知道它是否可以替代任何东西,以使网站通过标记验证.

提前致谢.

html javascript jquery jssor

2
推荐指数
1
解决办法
3184
查看次数

如何在javascript中编写css代码?(未捕获的TypeError:无法设置undefined的属性"height")

如何在javascript中编写css代码?(未捕获的TypeError:无法设置undefined的属性"height")

JavaScript的

document.getElementById("slideshow").getElementsByClassName("arrow").style.height = "86px";
Run Code Online (Sandbox Code Playgroud)

CSS

#slideshow .arrow{
    height:86px;
    width:60px;
    position:absolute;
    background:url('arrows.png') no-repeat;
    top:50%;
    margin-top: -43px;
    cursor: pointer;
    z-index: 5000;
}
Run Code Online (Sandbox Code Playgroud)

javascript css

2
推荐指数
1
解决办法
2038
查看次数

CSS3媒体查询似乎不起作用

我有媒体查询的问题,似乎没有正常工作.

.cl-home h1
{
    font-family: Raleway;
    position:absolute;
    top: 20%;
    left: 10%;
    font-size: 150px;
    color: white;
    border: 1.5px solid white;
    padding: 10px;
    @media screen and (max-width: 640px){
        font-size: 80px;
    }

}
Run Code Online (Sandbox Code Playgroud)

我认为在宽度较差的设备上640px,字体大小会自动变为80px.但没有变化.我做错了什么或者我不明白媒体查询是如何工作的?

css

2
推荐指数
1
解决办法
29
查看次数

单击两次onClick事件

是否有可能有一个onClick事件,第一次点击它使用一个功能,第二次点击它使用另一个?

例如

<p id="demo" onclick="goRed(), goBlue()">Click me to change my text color.</p>

<script>
    function goRed() {
        document.getElementById("demo").style.color = "red";
    }
    function goBlue() {
        document.getElementById("demo").style.color = "blue";
    }
</script>
Run Code Online (Sandbox Code Playgroud)

我可以这样做,所以onClick函数首先使用goRed(),然后在第二次点击后使用goBlue()吗?谢谢

html javascript

2
推荐指数
1
解决办法
484
查看次数

调用CSS类而不是使用JQuery(.css())插入Attribute

我正在使用JQuery构建一个固定的头

目前一切正常,但不是将属性设置为类,而是想直接从css中调用它们.我对这种方法不太熟悉.

其中一个例子如下;

#header-main {
  background-color: #ffffff;
  min-height: 107px;
  color: #8c8c8c;
}
#header-main .sabit{
position : fixed;
width: 100%;
z-index: 98;
padding-top: 35px;
border-bottom: 3px ridge #7BBD42;
}
Run Code Online (Sandbox Code Playgroud)

我是怎么做的; (工作)

var menu = $('#header-main');
if (...)
    menu.css('position','fixed').css('width','100%').css('z-index','98').css('padding-top','35px').css('border-bottom','3px ridge #7BBD42');
else
    menu.removeAttr('style'); //Back to normal
Run Code Online (Sandbox Code Playgroud)

我正在做什么来实现我想要的; (不工作)

var menu = $('#header-main');
if(...)
    menu.addClass("sabit");
else
    menu.removeClass("sabit"); //Back to normal
Run Code Online (Sandbox Code Playgroud)

我也试过menu.addClass(".sabit");,menu.addClass("#header-main .sabit");但没有一个工作.

我使用JQuery直接添加css类的错误是什么?

javascript css jquery

2
推荐指数
1
解决办法
502
查看次数

颜色“橄榄绿,口音 3,浅色 60%”的 html 是什么?

我想将 HTMLtable元素的背景颜色设置为:

“橄榄绿,Accent 3,更轻的 60%”

但我似乎无法找到它的颜色代码。我已经检查过这个网站http://amalfaro-wrk.tiddlyspace.com/Interface.ColorSchemes但他们只有以下代码:

“橄榄绿,Accent 3,打火机 80%,即#EBF1DE”。

有谁知道打火机百分比为 60% 的等效颜色代码?

html css background-color

2
推荐指数
1
解决办法
1万
查看次数