Css 我的选择器不是'；行不通_Css

Css 我的选择器不是'；行不通

css

Css 我的选择器不是'；行不通,css,Css,我有这样一个选择器： .page-admin-settings-banner-image input[type=radio] 这是主体和类： <body class="not-front logged-in one-sidebar sidebar-left page-admin-settings-banner-image section-admin admin-menu"> <form action="/admin/settings/banner-image" accept

我有这样一个选择器：

.page-admin-settings-banner-image input[type=radio]

这是主体和类：

<body class="not-front logged-in one-sidebar sidebar-left page-admin-settings-banner-image section-admin admin-menu">

<form action="/admin/settings/banner-image" accept-charset="UTF-8" method="post" id="banner-image-select">

不工作

或者这个：

#banner-image-select input[type=radio]{
  float: left;
  margin-top:80px;
}

在我看来，类型radio的输入在这两个元素中，它应该选择它

根据要求形成HTML：

<form action="/admin/settings/banner-image" accept-charset="UTF-8" method="post" id="banner-image-select">
<div><div class="form-item">
 <label>Choose a Season: </label>
 <div class="description">Choose a season for display at the top of the page</div>
 <div class="form-radios"><div class="form-item" id="edit-banner-image-season-files/banners/banner-fall.jpg-wrapper">
 <label class="option" for="edit-banner-image-season-files/banners/banner-fall.jpg"><input type="radio" id="edit-banner-image-season-files/banners/banner-fall.jpg" name="banner_image_season" value="files/banners/banner_fall.jpg" class="form-radio"> <img src="http://domain/files/banners/banner_fall.jpg"></label>
</div>
<div class="form-item" id="edit-banner-image-season-files/banners/banner-spring.jpg-wrapper">
 <label class="option" for="edit-banner-image-season-files/banners/banner-spring.jpg"><input type="radio" id="edit-banner-image-season-files/banners/banner-spring.jpg" name="banner_image_season" value="files/banners/banner_spring.jpg" class="form-radio"> <img src="http://domain/files/banners/banner_spring.jpg"></label>
</div>
<div class="form-item" id="edit-banner-image-season-files/banners/banner-summer.jpg-wrapper">
 <label class="option" for="edit-banner-image-season-files/banners/banner-summer.jpg"><input type="radio" id="edit-banner-image-season-files/banners/banner-summer.jpg" name="banner_image_season" value="files/banners/banner_summer.jpg" checked="checked" class="form-radio"> <img src="http://domain/files/banners/banner_summer.jpg"></label>
</div>
<div class="form-item" id="edit-banner-image-season-files/banners/banner-winter.jpg-wrapper">
 <label class="option" for="edit-banner-image-season-files/banners/banner-winter.jpg"><input type="radio" id="edit-banner-image-season-files/banners/banner-winter.jpg" name="banner_image_season" value="files/banners/banner_winter.jpg" class="form-radio"> <img src="http://domain/files/banners/banner_winter.jpg"></label>
</div>
</div>
</div>
<input type="submit" name="op" id="edit-submit" value="Save" class="form-submit">
<input type="hidden" name="form_build_id" id="form-ed7f4579756fea75b4eae351bacd6cc3" value="form-ed7f4579756fea75b4eae351bacd6cc3">
<input type="hidden" name="form_token" id="edit-banner-image-select-form-token" value="c93ad83537dbd1252d5fc1ef5fcd91aa">
<input type="hidden" name="form_id" id="edit-banner-image-select" value="banner_image_select">

</div></form>


选择一个季节：
选择一个季节显示在页面顶部

选择器没有问题……工作正常。您提供的代码不足以重现您的问题。请共享一个JSFIDLE。为什么要投否决票？我看到了一个特定的行为，我已经相当严格地记录了我一直在尝试的内容和我的代码示例。你在使用什么浏览器？CSS和HTML都很好，问题可能是您使用的是过时的浏览器（ie7？），或者页面中没有包含CSS文件。你的链接指向正确的位置了吗？

#banner-image-select input[type=radio]{
  float: left;
  margin-top:80px;
}

<form action="/admin/settings/banner-image" accept-charset="UTF-8" method="post" id="banner-image-select">
<div><div class="form-item">
 <label>Choose a Season: </label>
 <div class="description">Choose a season for display at the top of the page</div>
 <div class="form-radios"><div class="form-item" id="edit-banner-image-season-files/banners/banner-fall.jpg-wrapper">
 <label class="option" for="edit-banner-image-season-files/banners/banner-fall.jpg"><input type="radio" id="edit-banner-image-season-files/banners/banner-fall.jpg" name="banner_image_season" value="files/banners/banner_fall.jpg" class="form-radio"> <img src="http://domain/files/banners/banner_fall.jpg"></label>
</div>
<div class="form-item" id="edit-banner-image-season-files/banners/banner-spring.jpg-wrapper">
 <label class="option" for="edit-banner-image-season-files/banners/banner-spring.jpg"><input type="radio" id="edit-banner-image-season-files/banners/banner-spring.jpg" name="banner_image_season" value="files/banners/banner_spring.jpg" class="form-radio"> <img src="http://domain/files/banners/banner_spring.jpg"></label>
</div>
<div class="form-item" id="edit-banner-image-season-files/banners/banner-summer.jpg-wrapper">
 <label class="option" for="edit-banner-image-season-files/banners/banner-summer.jpg"><input type="radio" id="edit-banner-image-season-files/banners/banner-summer.jpg" name="banner_image_season" value="files/banners/banner_summer.jpg" checked="checked" class="form-radio"> <img src="http://domain/files/banners/banner_summer.jpg"></label>
</div>
<div class="form-item" id="edit-banner-image-season-files/banners/banner-winter.jpg-wrapper">
 <label class="option" for="edit-banner-image-season-files/banners/banner-winter.jpg"><input type="radio" id="edit-banner-image-season-files/banners/banner-winter.jpg" name="banner_image_season" value="files/banners/banner_winter.jpg" class="form-radio"> <img src="http://domain/files/banners/banner_winter.jpg"></label>
</div>
</div>
</div>
<input type="submit" name="op" id="edit-submit" value="Save" class="form-submit">
<input type="hidden" name="form_build_id" id="form-ed7f4579756fea75b4eae351bacd6cc3" value="form-ed7f4579756fea75b4eae351bacd6cc3">
<input type="hidden" name="form_token" id="edit-banner-image-select-form-token" value="c93ad83537dbd1252d5fc1ef5fcd91aa">
<input type="hidden" name="form_id" id="edit-banner-image-select" value="banner_image_select">

</div></form>