Question

javascript 或者jquery 中能不能这样添加css?

我已经知道javascript 或者 jquery中可以为某个元素添加css(addClass)，但是只能添加有单独名字的css(比如 .intro{} )、但是如果说我有一个css类是这么写的#nav ul li{XXX},有什么方法能够把这样的类添加进去？？？我发现如果直接写addClass("#nav ul li") 是不行的。请问有什么方法能够解决？还是addClass不能解决？ 如果不能解决 有没有其他方法能够完成？？

Answer 1

CSS中以#开头的是id 选择器，只能应用到一个特定的元素上。比如#nav会应用到id为nav的html 元素，它不能用应用到一类元素上。类选择器以.(一个点)开头，比如你的.intro，它能够应用到所有class="intro"的元素上，并且你也可以通过javascript/jQuery的addClass方法动态改变他们。

你的#nav ul li{XXX}会应用到id为nav的元素下面的所有ul元素下面的所以li元素。这里ul和li匹配所有ul和li元素。

不清楚你的具体情况，你可以再写一个类，就是以点开头的那种，然后addClass就应该工作了。

追问

“不清楚你的具体情况，你可以再写一个类，就是以点开头的那种，然后addClass就应该工作了
” 这个我明白了 谢谢！但是“并且你也可以通过javascript/jQuery的addClass方法动态改变他们。
” 这句话能不能解释一下？

追答

比如在CSS中有两个类：
.A {...}
.B {...}
在你的HTML中有
...

页面加载完之后上面的元素只有样式A，你可以通过$("#some_id").addClass('B')把B中定义的样式也应用到上面的元素中。

Answer 2

jquery中css方法是添加具体的样式，可以是单行的样式也可以是多行的样式，如果是#nav ul li{XXX}这个元素，那么你直接取出这个元素叫做a，然后a.css({});在里面加样式就行了呀。。

Answer 3

#开头的是id选择器，在html页面中只能是唯一的，而class是可以重复的，楼主id和class的含义还没有理解清楚。