Question

我的html链接到正确的CSS文件和所有内容，当我指向任何其他元素来改变颜色时它起作用但每次我处理类时，即使我放了.class {color：red;}它也不起作用对于span [yes] {color：purple;}也是如此。它可能是一个过时的CSS，我需要更新的东西吗？

<!doctype html>
    <html>

        <head>
        <title>Css for bigginers</title>
             <link rel="stylesheet" type="text/css" href="../Sandbox/syntax.css">     
        </head>



        <body>
                <div>

                    <span >WHats poppin</span>
                    <span class= "class">yo Im a span tag</span>
                    <span class= "deck">yo<strong>Im a span tag</strong> </span>
                    <span class= "deck">yo Im a span tag</span>
                    <span class= "yes">yo Im a span tag</span>

                    <a href = "#"> im a spanner</a>

                    <p>This is good</p>
                    <p>The world is beutiful</p>
                    <p class="test">I know tell me about it</p>
                </div> 
        </body>

    </html>

    /***** CSS FILE *****/
    span[yes]{
        color: purple;
    }

Answer 1

这不是你引用课程的方式。要引用一个类，你必须这样做：

＆＃13;

.yes{
  color: red;
}

＆＃13;

<span class= "yes">yo Im a span tag</span>

＆＃13;

Answer 2

您需要使用span.class和span.yes而不是span [yes]。一个好的做法是不要将类命名为class或span或html或css选择器中使用的任何关键字。

Answer 3

通过span[yes]，您正在寻找具有yes属性的跨度。而是使用

.deck{
  color: red;
}

其中.deck是您在html元素中设置的类的名称：

<span class= "deck"></span>

Answer 4

在CSS中，span[yes]表示 <span>元素，其属性为yes ，在您的代码中显然不是这种情况。 span.[class="yes"]或速记span.yes都可以使用。请参阅CSS规范中的Selectors一章。

CSS类不会随属性选择器而改变

4 个答案: