0

我有这个 CSS，但是这些元素需要一个独特的类，否则它们会干扰用于创建我正在使用它的网站的 CSS。

img{
    display:inline-block;
    width:211px;
    height:146px;
    border:1px solid white;
    vertical-align:top;
    margin-right:10px;
}

div{
    display:inline-block;
    width:311px;
}

我需要使它们成为独特的类，例如：

img.example{
    display:inline-block;
    width:211px;
    height:146px;
    border:1px solid white;
    vertical-align:top;
    margin-right:10px;
}

div.example2{
    display:inline-block;
    width:311px;
}

所以首先，这是让他们上课的正确方法吗？

如果是，我该如何将它们应用到这个 HTML 的“**”部分？div 变成 div.example2 ？使用 img.example 怎么样？

<!doctype html>
<html class="no-js" lang="en">
    <head>
        <link rel="stylesheet" href="css/style.css" />
        <!--[if lt IE 9]>
          <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="accordion vertical">
          <section id="vertabout">
              <h2><a href="#vertabout">Tutor-Led Course</a></h2>


**<img src="http://bathnes.learningpool.com/draftfile.php/2592/user/draft/826412532/TutorLedCourse.jpg" height="134" width="208" />**
**<div>To view the tutor-led course information, please click <a href="http://bathnes.learningpool.com/course/view.php?id=187">here</a></div>**
<p><strong>IT Courses - Excel 2010 Basic</strong></p>
          </section>
          <section id="vertservices">
              <h2><a href="#vertservices">E-Learning Module</a></h2>
                      <p><p><img src="http://bathnes.learningpool.com/draftfile.php/2592/user/draft/826412532/RelatedELearning.jpg" height="146" width="211" /> </p></p>
          </section>


        </div>
    </body>
</html>

抱歉，但我对 CSS 和 HTML 很糟糕 :)

4

1 回答 1

2

这是选择带有类的标签的正确方法，但您需要添加类。

<img src="http://bathnes.learningpool.com/draftfile.php/2592/user/draft/826412532/TutorLedCourse.jpg" 
    height="134" width="208" class="example"/>
<div class="example2">To view the tutor-led course information, please click <a href="http://bathnes.learningpool.com/course/view.php?id=187">here</a></div>
于 2013-05-08T08:55:38.053 回答