Css 添加类以选择标记

我试图将一个类添加到一个select标记中，这样一个下拉菜单可以继承一些css样式，但我无法应用样式。我是否设置了错误的类格式

这是我的密码：

packages菜单{
盒影：无！重要；
背景：透明！重要；
背景色：透明！重要；
填充：8px 5px！重要；
边框顶部：1px实心#AAA！重要；
左边框：1px实心#AAA！重要；
右边框：1px实心#AAA！重要；
边框底部：1px实心#AAA！重要；
最大宽度：100%！重要；
大纲：无；
边界半径：0；
边缘底部：15px！重要；
文本转换：无！重要；
}
packagesmenu：焦点{
盒子阴影：0 5px 0#ee2b30！重要；
边框顶部：1px实心#ee2b30！重要；
左边框：1px实心#ee2b30！重要；
右边框：1px实心#ee2b30！重要；
边框底部：1px实心#ee2b30！重要；
}

找到你的位置
弥尔顿
米西索加
丹福思
伯灵顿
奥克维尔

在CSS中，

类选择器

是一个名称，前面有一个句号

（“）

，

ID选择器

是一个名称，前面有一个散列字符

（“#”）。

所以你的类名声明错了

.packagesmenu {
    box-shadow: none!important;
    background: transparent!important;
    background-color: transparent!important;
    padding: 8px 5px!important;
    border-top: 1px solid #AAA!important;
    border-left: 1px solid #AAA!important;
    border-right: 1px solid #AAA!important;
    border-bottom: 1px solid #AAA!important;
    max-width: 100%!important;
    outline: none;
    border-radius: 0;
    margin-bottom:15px!important;
    text-transform:none!important;
}

.packagesmenu:focus {
    box-shadow: 0 0 5px 0 #ee2b30!important;
    border-top: 1px solid #ee2b30!important ;
    border-left: 1px solid #ee2b30!important;
    border-right: 1px solid #ee2b30!important;
    border-bottom: 1px solid #ee2b30!important;
}

---

我清理了你的css。内联css也。不要使用内联样式-这很糟糕，很难维护，总有一天你会发现，现在请相信我。不要使用

！重要的是

，这是不好的做法，只是不要这样做

要在css中声明：

• 元素

  主体

  选择

  使用标记
• 类

  。someclass

  使用点和类名
• id

  #bigid

  使用哈希和id名称

没有空间。但是在

：

和

之后始终放置空格。现在允许没有空格，但良好的实践、可读性和传统都是严格的-空格


正文{
背景：#000；/*此选项可查看选定对象的背景*/
}
选择{/*无内联css*/
显示：块；
宽度：100%；
最大宽度：600px；
保证金：0自动；
颜色：#aaa；
}
.包装菜单{
背景：0；
边框：1px实心#aaa；
边界半径：0；
大纲：无；
最大宽度：100%；
填充：8px 5px；
边缘底部：15px；
}
.packages菜单：焦点{
盒影：0 5px 0#ee2b30；
边框：1px实心#ee2b30；
}

找到你的位置
弥尔顿
米西索加
丹福思
伯灵顿
奥克维尔
这与php有什么关系？您的标题“AddingclasstoselecttaginPHP”只在其中声明了它，没有其他内容。对不起，我想不是。我对这类代码不太熟悉。我的错误，但我仍然需要一些帮助来解决这个问题。好吧，看到你的CSS，两个
packagesmenu
都缺少点，因为你将它们用作类。将两个
packagesmenu
更改为
.packagesmenu
，然后查看发生了什么。如果您依赖ID，那么请使用磅符号
#packagesmenu
，但我怀疑情况是否如此。谢谢，由于某种原因，它仍然不起作用，但类是否正确添加到选择行中？