Html 如何修改CSS中单选按钮值的样式？

我对编程完全陌生，我正试图从一个简单的调查页面开始。我只使用CSS和HTML。我制作了单选按钮，但我不知道如何在CSS中“选择”它们

下面是我的HTML代码。我想设计元素

中的问题，但我想以不同的方式处理它们。我知道我可以选择

p{'how my want font，etc..styled here}

然后在CSS中设置样式，但我希望它们的颜色都略有不同。当我尝试

.survey-question-1p{“我希望这里的字体样式如何”}

时，什么都没有发生

我真的不知道用什么选择器来调用我要更改的元素

名字：

姓氏：

您是前端开发人员还是后端开发人员

前端

后端

你有多少年的工作经验

小于1

1-2

2-3

3-4

4-5

超过5个

请记住，这是一个可怕的设计，但它将向您展示如何更改页面上每个组件的颜色/样式

让我知道，如果有具体的风格，你是在追求或如果有什么是不清楚的

/*样式测量名称部分*/
.调查名称{
颜色：绿色；
}
.调查名称输入{
边框：1px纯绿色；
}
/*风格调查第一季*/
.调查问题1，
.调查-问题-1 p{
颜色：红色；
}
.survey-question-1输入[type='radio']：之后{
宽度：15px；
高度：15px；
边界半径：15px；
顶部：-2px；
左：-1px；
位置：相对位置；
背景色：白色；
内容：''；
显示：内联块；
边框：2倍纯色灰色；
}
.survey-question-1输入[type='radio']：选中：之后{
宽度：15px；
高度：15px；
边界半径：15px；
顶部：-2px；
左：-1px；
位置：相对位置；
背景色：红色；
内容：''；
显示：内联块；
能见度：可见；
边框：2倍纯色灰色；
}
/*风格调查Q2组*/
.调查问题2，
.调查问题2 p{
颜色：蓝色；
}
.survey-question-2输入[type='radio']：之后{
宽度：15px；
高度：15px；
边界半径：15px；
顶部：-2px；
左：-1px；
位置：相对位置；
背景色：白色；
内容：''；
显示：内联块；
边框：2倍纯色灰色；
}
.survey-question-2输入[type='radio']：选中：之后{
宽度：15px；
高度：15px；
边界半径：15px；
顶部：-2px；
左：-1px；
位置：相对位置；
背景颜色：蓝色；
内容：''；
显示：内联块；
能见度：可见；
边框：2倍纯色灰色；
}

名字：

姓氏：

您是前端开发人员还是后端开发人员

前端

后端

你有多少年的工作经验

小于1

1-2

2-3

3-4

4-5

超过5个

一个好的做法是标记单选按钮。（见附件）。因此，我假设您将相应地更改标记

其次，您可能希望使用来定位单选按钮。也可以使用设置选中单选按钮的样式

第三，要设计单选按钮，您可能需要应用

.survey-question-1输入[type=“radio”]{
外观：无；
-moz外观：无；
-webkit外观：无；
背景：粉红色；
边框：0.5ex纯红；
边界半径：100%；
宽度：1米；
高度：1米；
}
.survey-question-1输入[type=“radio”]：选中{
背景：丽贝卡紫；
}

您是前端开发人员还是后端开发人员？
前端
后端

.survey-question-1p

如果选择

p

元素，我假设您的单选按钮是

input

s？在这里查一下。。你可能会发现它很有用。我尝试了。调查问题1 p，但在跑步时仍然没有出现。我还尝试为每个p元素添加一个类，但当我在CSS中选择该类并修改字体系列或字体大小时，没有任何更改CSS在哪里？向我们展示CSS alsoinput[type=text]{宽度：50%；边距：5px 0px；显示：内联块；}。调查-问题-1p{颜色：浅蓝色；字体系列：Georgia，'Times New Roman'，Times，serif；字体大小：20px；在HTML中

是一个自动关闭元素。它不需要尾部斜杠。

和

同样有效（就像

和

）。这只取决于作者的品味。请注意，在XHTML中，

和

都是无效的。但XHTML是一种古老的（可以说是过时的）标准。任何在2019年学习web开发的人都应该学习HTML5，而不是XHTML。还要注意的是，即使你给出的链接在他们的示例中也使用了未关闭的

。公平地说，我将从帖子中删除这些建议。