# kViewerでのCSS適用範囲について

**URL:** <https://community.cybozu.dev/t/topic/7007>\
**Category:** kintone 開発相談\
**Created:** [2021 年 3 月 3 日午前 9:49 UTC](https://community.cybozu.dev/t/topic/7007 "2021-03-03T09:49:16Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2391](https://avatars.discourse-cdn.com/v4/letter/l/e0b2c6/32.png) [@Legacy\_Account2391](https://community.cybozu.dev/u/Legacy_Account2391)\
**Post date:** [2021 年 3 月 3 日午前 9:49 UTC](https://community.cybozu.dev/t/topic/7007/1 "2021-03-03T09:49:16Z")

</div>

調べてみたのですがやり方がわからず、質問いたします。

どなたかご存知でしたら教えていただけますと幸いです。

&nbsp;

以下のサンプルコードをkViewerに登録し、サイドコンテンツ内に表示している検索フォーム「リンクリスト」へ適用したいと考えております。

&nbsp;

```
.link {
width: 100%;
padding: 10px;
font-size: 15px;
display: inline-block;
color: #fff;
background-color: #fecf09;
margin-bottom: 5px;
border-radius: 4px;
}

a.link:hover {
opacity: 0.6;
}

```

&nbsp;

実際やってみたところ、メインコンテンツのリンク項目にも適用されてしまいました。

これをサイドコンテンツ内に収める方法はあるでしょうか？

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2391](https://avatars.discourse-cdn.com/v4/letter/l/e0b2c6/32.png) [@Legacy\_Account2391](https://community.cybozu.dev/u/Legacy_Account2391)\
**Post date:** [2021 年 3 月 3 日午前 10:41 UTC](https://community.cybozu.dev/t/topic/7007/2 "2021-03-03T10:41:55Z")

</div>

CSSを勉強して解決いたしました。

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2024 年 9 月 10 日午前 12:58 UTC](https://community.cybozu.dev/t/topic/7007/3 "2024-09-10T00:58:42Z")

</div>

クローズされました: 2024 年 9 月 10 日午前 12:58 UTC

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。