Click here to view more cat photos.
Things cats love:
- cat nip
- laser pointers
- lasagna
Top 3 things cats hate:
- flea treatment
- thunder
- other cats
--- id: bad87dee1348bd9aede07836 title: 使用 id 属性来设定元素的样式 challengeType: 0 videoUrl: 'https://scrimba.com/c/cakyZfL' forumTopicId: 18339 dashedName: use-an-id-attribute-to-style-an-element --- # --description-- 通过 `id` 属性,你可以做一些很酷的事情。就像 class 一样,你可以使用 CSS 来设置他们的样式。 不过,`id` 不可以重复,它只能作用于一个元素上。 如果一个元素同时应用了 class 和 `id`,且两者设置的样式有冲突,会优先应用 `id` 中所设置的样式。 选择 `id` 为 `cat-photo-element` 的元素,并设置它的背景颜色为绿色。 可以在 `style` 标签里这样写: ```css #cat-photo-element { background-color: green; } ``` 注意在 `style` 标签里,声明 class 的时候必须在名字前插入 `.` 符号。 同样,在声明 id 的时候,也必须在名字前插入 `#` 符号。 # --instructions-- 请将 `id` 为 `cat-photo-form` 的表单的背景颜色设置为绿色。 # --hints-- `form` 元素的 id 应为 `cat-photo-form`。 ```js assert($('form').attr('id') === 'cat-photo-form'); ``` `form` 元素应含有 `background-color` 属性,颜色为绿色。 ```js assert($('#cat-photo-form').css('background-color') === 'rgb(0, 128, 0)'); ``` 确保 `form` 元素的 `id` 设置正确。 ```js assert( code.match(/
Click here to view more cat photos.
Things cats love:
Top 3 things cats hate:
Click here to view more cat photos.
Things cats love:
Top 3 things cats hate: