1

ここの Nix の助けを借りて、Joomla ページに載せたいセクションがあります。問題は、セクションを挿入すると、コードが Joomla のエディターにあり、サイトの残りの部分に接続されていない場合でも、Web サイト全体が台無しになることです。理由はありますか?セクション コードは次の場所にあります。

http://jsfiddle.net/GRf9v/222/

<section>
<style type="text/css">
section {
background: #A8DBFF;
border-radius: 4px;
width: 275px; height: 300px;
margin:5px;
padding: 10px;
border: solid 1px #E0E0E0;
float: left;
position: relative;
display: inline;
}
div {
background: #fff;
border: solid 1px #E0E0E0;
border-radius: 4px;
margin-left: -15px;
padding:5px;
} 

o { 
background: orange; 
margin-left: 15px;
border-radius: 2px;
color: white;
font-weight: bold;
}

ul { list-style: disc; margin: 5px 0; padding: 0 15px; }​
</style>
<div>
    <o>Resultater&nbsp</o>&nbspmed mennesker
</div>
<ul>
    <li>Banan</li>
    <li>Jordbær</li>
    <li>Æble</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sem nibh, tincidunt id         vulputate quis, feugiat venenatis eros. Aliquam turpis ibh</p>
</section>​
4

2 に答える 2

1

これはまだページ全体の CSS に影響します。あなたのセクションに入れてみてID、あなたのcssを編集してください:

<section id="my_section">
<style type="text/css">

#my_section {
background: #A8DBFF;
border-radius: 4px;
width: 275px; height: 300px;
margin:5px;
padding: 10px;
border: solid 1px #E0E0E0;
float: left;
position: relative;
display: inline;
}
#my_section div {
background: #fff;
border: solid 1px #E0E0E0;
border-radius: 4px;
margin-left: -15px;
padding:5px;
} 

#my_section o { 
background: orange; 
margin-left: 15px;
border-radius: 2px;
color: white;
font-weight: bold;
}
于 2012-10-24T10:25:48.653 に答える
0

classセクションにorを追加するだけで、次のidように具体的にすることができます。

HTML:

<section class="section"></section>

CSS:

.section {

}
.section div {

} 
.section o { 

}
.section ul {

}
于 2012-10-24T10:35:51.227 に答える